旋轉設備方向時，iOS中的JSSOR滑塊無法正確調整大小

Question

我正在設計一個響應式網站並使用jssor滑塊。 滑塊反應靈敏，可與頭部中的以下組件配合使用：

<meta name="viewport" content="width=device-width>

當我編輯此代碼段時，如下所示，當將設備從橫向旋轉到縱向（反之亦然）時，滑塊在iOS中無法正確調整大小：

<meta name="viewport" content="width=device-width, initial-scale=1">

我正在嘗試防止iOS在橫向環境中放大。

在iOS設備或模擬器上打開此頁面並來回更改設備方向時，可以看到此問題的示例。 滑塊可以橫向和縱向正確打開/加載。 問題僅在設備旋轉時出現。

這是腳本中控制調整大小/響應性的部分：

$JssorSlider$("slider2_container", options);
        function ScaleSlider() {
            var parentWidth = jssor_slider2.$Elmt.parentNode.clientWidth;
            if (parentWidth)
                jssor_slider2.$ScaleWidth(Math.min(parentWidth, 1024));
            else
                window.setTimeout(ScaleSlider, 30);
        }

        ScaleSlider();
        $(window).bind("load", ScaleSlider);
        $(window).bind("resize", ScaleSlider);
        $(window).bind("orientationchange", ScaleSlider);
    });

Answer 1

請處理方向變更事件

    function ScaleSlider() {
        var parentWidth = jssor_slider2.$Elmt.parentNode.clientWidth;
        if (parentWidth)
            jssor_slider2.$ScaleWidth(Math.min(parentWidth, 1024));
        else
            window.setTimeout(ScaleSlider, 30);
    }

    ScaleSlider();
    $(window).bind("load", ScaleSlider);
    $(window).bind("resize", ScaleSlider);
    $(window).bind("orientationchange", ScaleSlider);