У меня есть два ползунка JSSOR, работающие, кроме того, что отзывчивая часть работает только для одного слайдера.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 и участки с ползунками в разделе фотографии. Только первые два сейчас настроены, и я использовал ту же самую точную настройку кода/слайдера для обоих.
Любая помощь очень ценится, спасибо.
Это было Закрыть. Я понял, что вам нужно повторить весь код: 'function ScaleSlider() { var parentWidth = jssor_slider1. $ Elmt.parentNode.clientWidth; if (parentWidth) jssor_slider1. $ ScaleWidth (Math.max (Math.min (parentWidth, 800), 300)); еще window.setTimeout (ScaleSlider, 30); var parentWidth = jssor_slider2. $ Elmt.parentNode.clientWidth; if (parentWidth) jssor_slider2. $ ScaleWidth (Math.max (Math.min (parentWidth, 800), 300)); ' –