jQuery Mobile锁定方向

嘿家伙我正在使用phonegap和 jquery mobile为 Android手机构建应用程序.是否有可能将方向锁定在一个页面上？例如.加载页面“地图”并将方向锁定为“横向”模式.

解决方法

不是我想的.在xCode for iOS应用程序中是不可能的.我能想到的唯一解决方法是根据window.orientation旋转你的身体或包装

$(window).bind("orientationchange",function(){
    var orientation = window.orientation;
    var new_orientation = (orientation) ? 0 : 180 + orientation;
    $('body').css({
        "-webkit-transform": "rotate(" + new_orientation + "deg)"
    });
});

这是一种冒险的方式,但认为这是唯一的方法..

希望这有帮助,请告诉我！

见：http://jsfiddle.net/aalouv/sABRQ/1/

您可以选择绑定到窗口调整大小事件.

$(window).bind("resize",function(){
    var orientation = window.orientation;
    var new_orientation = (orientation) ? 0 : 180 + orientation;
    $('body').css({
        "-webkit-transform": "rotate(" + new_orientation + "deg)"
    });
});

我刚才写了这个小脚本：它修复了iOS safari中的multiply resize回调错误以及android中的非/ late- / early-trigger(1)orientationchange错误.

(1)有时它在浏览器更改宽度高度之前和之后有时不会触发？有线！

if (!(/iphone|ipad/gi).test(navigator.appVersion)) {
    $(window).unbind("resize").bind("resize",function() {
        $(window).trigger("orientationchange");
    });
}

如果不是iphone或ipad,则触发窗口上的orientationchange事件.

因此,当您将绑定任何函数时,您执行调整大小会抛出orientationchange.