jquery-mobile - orientationchange 事件不起作用

Question

我正在尝试检测移动设备、iphone 和 ipad 的方向变化。

我正在使用下面的代码:

 $(window).bind("orientationchange", function (event) {
    alert(event.orientation);

    position = $.event.special.orientationchange.orientation();

    event.preventDefault();
});

此处警报的值，即 event.orientation 显示为“未定义”，正如我在一些帖子中读到的那样，它确实支持检测方向。同样在 jquery 文档中，它被编写为更好地使用“event.orientation”而不是“window.orientation”，但这些都没有返回所需的结果，两者都返回“undefined”。

所以我使用了“$.event.special.orientationchange.orientation();”检测方向。

但我想使用 jquery 文档中定义的功能作为 event.orientation。如 link

同样在我的代码中，“$.mobile.orientationChangeEnabled”设置为 true，如上面的链接所示。

请为此建议我任何可能的解决方案。

如有任何帮助，我们将不胜感激。

提前致谢。

Answer 1

老问题，但以防万一其他人遇到它，你必须使用 window.orientation，并以度数表示:

portrait: 0
portrait (upside down): 180 
landscape: (counterclockwise): 90
landscape: (clockwise): -90