javascript - 调整窗口大小时 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

在不使用窗口调整大小事件的情况下，您可以使用width100% 的选项定义滑块，例如：

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

因此它将自动响应而无需处理其调整大小。

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