论坛 › 知识问答 › jquery - 旋转设备方向时，JSSOR slider 在 iOS 中无法正确调整大小

菜鸟教程小白 发表于 2022-12-12 22:15:12

jquery - 旋转设备方向时，JSSOR slider 在 iOS 中无法正确调整大小

                                            <p><p>我正在设计一个响应式网站并使用 jssorslider 。 sliderreact 灵敏，可以很好地与头部中的以下内容配合使用:</p>

<pre><code>&lt;meta name=&#34;viewport&#34; content=&#34;width=device-width&gt;
</code></pre>

<p>当我编辑此片段时，如下所示，当将设备从横向旋转到纵向(反之亦然)时， slider 在 iOS 中无法正确调整大小:</p>

<pre><code>&lt;meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1&#34;&gt;
</code></pre>

<p>我正在尝试阻止 iOS 在横向模式下放大。</p>

<p>您可以在打开 <a href="http://acstudyabroad.org/01Temp_Slider.html" rel="noreferrer noopener nofollow">this page</a> 时看到此问题的示例在 iOS 设备或模拟器上来回更改设备方向。 slider 在横向和纵向中都可以正确打开/加载。问题仅出现在设备旋转时。</p>

<p>这是控制调整大小/响应能力的脚本部分:</p>

<pre><code>$JssorSlider$(&#34;slider2_container&#34;, 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(&#34;load&#34;, ScaleSlider);
      $(window).bind(&#34;resize&#34;, ScaleSlider);
      $(window).bind(&#34;orientationchange&#34;, ScaleSlider);
    });
</code></pre></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>请处理方向改变事件</p>

<pre><code>    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(&#34;load&#34;, ScaleSlider);
    $(window).bind(&#34;resize&#34;, ScaleSlider);
    $(window).bind(&#34;orientationchange&#34;, ScaleSlider);
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于jquery - 旋转设备方向时，JSSORslider 在 iOS 中无法正确调整大小，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/23547815/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/23547815/
                                                        </a>
                                                </p>
                                       

查看完整版本: jquery - 旋转设备方向时，JSSOR slider 在 iOS 中无法正确调整大小