调整窗口大小时 BJQS 滑块的多个实例

Question

我想在窗口调整大小时调整 bjqs 滑块的大小..

这是我到目前为止所得到的：

<script type="text/javascript">
$(document).ready(function() {

    $(window).resize(function(){
        $('.pagebg').bjqs({
            height      : 347,
            width       : $(window).width(),
            showcontrols : false,
            showmarkers : false,
         });
     });
});
</script>

我尝试使用 $(window).resize 调整它的大小，但是有多个实例正在运行

有谁知道我如何调整它的大小并只保持 1 个实例运行？

Answer 1

不使用窗口调整大小事件，您可以使用 100% 的 width 选项定义滑块，例如：

$(function () {
    $('#dialog').bjqs({
        'showmarkers': false,
            'responsive': true,
            'width': '100 %',
            'automatic': true
    });
});

所以它会自动响应而无需处理其调整大小。

演示：http://jsfiddle.net/IrvinDominin/MADrg/