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