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

BJQS multiple instances of slider when resizing window

本文关键字：实例 窗口 小时 BJQS 调整      更新时间：2023-09-26

当窗口调整大小时，我想调整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来调整它的大小，但有多个实例在运行

有人知道我如何调整它的大小并只运行一个实例吗？

在不使用窗口调整事件的情况下，您可以定义具有100%width选项的滑块，如：

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

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

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

相关文章：