Question

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

首先，我遇到了滑块问题，因为它会响应iPhone和iPad上的方向更改。通过一些研究，我发现我必须添加一个orientationchange命令来修复它。

在我开始工作之后，我尝试在Windows手机和Android手机上进行方向更改。重新调整大小不适用于这两种设备。

我认为resize命令应该照顾它。

我认为问题的代码是：

ScaleSlider（）;

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

Answer 1

以下事件处理代码怎么样？

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

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

请将以下代码放在头标记中，

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

JSSOR Slider没有在Windows Phone和Androids上使用方向翻转调整大小

1 个答案: