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调整大小，但是有多个实例正在运行

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

Answer 1

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

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

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

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

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

1 个答案: