JSSOR多个滑块-响应中断

Question

我有两个JSSOR滑块工作，除了响应部分只有一个滑块工作。

即使复制响应代码也不会做任何事情。有谁有什么想法吗？

        var jssor_slider1 = new $JssorSlider$("slider1_container", options);
        var jssor_slider2 = new $JssorSlider$("slider2_container", options);
        //responsive code begin
        //you can remove responsive code if you don't want the slider scales while window resizes
        function ScaleSlider() {
            var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
            if (parentWidth)
                jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300));
            else
                window.setTimeout(ScaleSlider, 30);
        }
        ScaleSlider();

        $(window).bind("load", ScaleSlider);
        $(window).bind("resize", ScaleSlider);
        $(window).bind("orientationchange", ScaleSlider);
        //responsive code end

    });
</script>

对于所有的代码，网站是http://garyedwardrotter.com的，带有滑块的部分在摄影部分。只有前两个是现在设置的，我已经使用完全相同的代码/滑块设置这两个。

非常感谢您的帮助，谢谢。

Answer 1

请更换

if (parentWidth)
    jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300));

使用

if (parentWidth) {
    jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300));
    jssor_slider2.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300));
}

Answer 2

我找到的答案是对你将要使用的滑块数量重复这段代码：

function ScaleSlider() { var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth; if (parentWidth) jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300)); else window.setTimeout(ScaleSlider, 30); var parentWidth = jssor_slider2.$Elmt.parentNode.clientWidth; if (parentWidth) jssor_slider2.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300));