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));