0

我在我的网站上的响应式重新设计中实现了一个 JSSOR 滑块。你可以在这里查看。

起初，我遇到了滑块响应 iPhone 和 iPad 上的方向变化的问题。通过一点研究，我发现我必须添加一个orientationchange 命令来修复它。

在我开始工作后，我尝试在 Windows 手机和 Android 手机上进行方向更改。调整大小不适用于这些设备中的任何一个。

我认为调整大小命令应该处理它。

我认为是问题的代码是这样的：

缩放滑块（）；

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

1 回答 1

0

下面的事件处理代码呢？

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

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

请将以下代码放在 head 标签中，

<meta name="viewport" content="width=device-width, initial-scale=1">
于 2014-07-16T23:18:12.863 回答