我正在创建一个在您调整浏览器窗口大小时动态调整大小的网站。这是使用 CSS 中的百分比来实现的。但是，我还需要在调整浏览器窗口大小时调整手风琴滑块的大小，我认为这不能使用 CSS 来完成。我认为解决这个问题的最好方法是使用 jQuery，但我不知道如何去做。如何在调整窗口大小时更改滑块的高度和宽度。任何帮助将不胜感激。
页面位于：[链接已删除]
【问题讨论】：
标签： jquery resize window slider dynamic
没有看到你的 Kwicks jquery 代码很难给出一个好的答案，但据我所知，你最好的办法是用 JS 计算当前窗口大小，然后设置你的 Kwicks 手风琴的“最小”大小和然后相应地刷新它。
编辑：关于ghostpool的更多信息，类似这些
//after acknowledging window size change
var minsize = applicableAccordianWidth / numberOfElements;
$('.kwicks').kwicks({
min: minsize,
spacing: 5
});
您应该能够重新初始化 kwicks 容器，并根据元素大小除以手风琴中的元素数量发送最小大小选项。
【讨论】：
jQuery(window).width() - 但我不知道然后计算出手风琴的最小宽度？
以下代码将适应调整大小
(function ($){
$(window).resize(function(){
var w = $('#kwicks').width();
var eachw = (w/5.0);
console.log(w,eachw);
$('.kwick').css('width',eachw+'px').css('left',function(idx){return idx*eachw});
});
})(jQuery);
但您还需要告诉插件在制作动画时使用新值，我不知道他们是否支持这一点。
【讨论】：
确切的方法取决于您为滑块使用的插件，但您首先需要将一个函数附加到调整大小事件。以下是一些相关文档：http://api.jquery.com/resize/
还有一个例子：
$(function() {
$(window).resize(function() {
//do your resizing stuff here
alert('You resized me!');
});
});
【讨论】：