Jssor Slider - объединил два ползунка, не вложенных друг в друга - второй не отвечает

Я объединил два (не вкладывал их, но нижний - это вложенный слайдер) слайдеры Jssor, и верхний слайдер реагирует, но не нижний. Я изменил переменные на уникальные имена в адаптивном кодировании на секунду, но по-прежнему не реагирует только на второй слайдер. Подсказки?


jssor
person Ernest Brown    schedule 30.10.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Следующий код предназначен для масштабирования ползунка при изменении размера окна.

        //responsive code begin
        //you can remove responsive code if you don't want the slider scales while window resizes
        function ScaleSlider() {
            var bodyWidth = document.body.clientWidth;
            if (bodyWidth)
                jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 980));
            else
                window.setTimeout(ScaleSlider, 30);
        }

        ScaleSlider();

        if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {
            $(window).bind('resize', ScaleSlider);
        }


        //if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {
        //    $(window).bind("orientationchange", ScaleSlider);
        //}
        //responsive code end

Пожалуйста, внесите небольшие изменения, чтобы изменить размер обоих ползунков одновременно.

        function ScaleSlider() {
            var bodyWidth = document.body.clientWidth;
            if (bodyWidth) {
                jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 980));
                jssor_slider2.$ScaleWidth(Math.min(bodyWidth, 980));
            }
            else
                window.setTimeout(ScaleSlider, 30);
        }
person jssor    schedule 09.11.2014