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