jquery-mobile - jquery移动方向检测

Question

我正在使用 jquery-mobile，它似乎没有检测到横向设置。我正在使用什么：

iphone 模拟器版本 4.3 (238.2) 来自 Xcode 版本 4.1 Build 4B110 jquery mobile

我试图在我的 mobile.js 中做到这一点

$(window).bind('orientationchange resize', function(event){
  alert(event.orientation)
})

并且转动模拟器只是不断给我一个警报，当它显然应该是风景时说“肖像”。

我在这里做错了吗？我还尝试在我们的 jammit 调用中使用媒体查询：

<%= include_stylesheet :landscape, :media => "all and (orientation: landscape)" %>

但无济于事。我在这里做错了吗？

顺便说一句，主要的错误是即使转动 iphone，显示屏对我们来说仍然保持纵向宽度。

Answer 1

我在 jQM b2 js 文件中找到了这个：

• http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.js

JS：

alert('Orientation: ' + jQuery.event.special.orientationchange.orientation());

这是函数本身：

// Get the current page orientation. This method is exposed publicly, should it
// be needed, as jQuery.event.special.orientationchange.orientation()
$.event.special.orientationchange.orientation = get_orientation = function() {
    var elem = document.documentElement;
    return elem && elem.clientWidth / elem.clientHeight < 1.1 ? "portrait" : "landscape";
};