旋转设备方向时，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);