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

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

到目前为止，我得到的是：

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

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

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
$（'.pagebg'）.bjqs({
身高：347，
宽度：$（窗口）.width（），
showcontrols:false，
showmarks:false，
});
});
});

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

---

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

如果不使用窗口调整大小事件，您可以使用100%的

宽度

选项定义滑块，如：

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

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

---

演示：

啊！对不起，我把两个问题弄糊涂了！你知道如何保持图像的纵横比吗？