jquery手机横屏竖屏判断显示

在ipad/iphone开发中我们往往需要判断用户目前的屏幕的位置,这样加以优化显示应用内容。今天这里我们分享一个jQuery的代码,能够有效帮助大家判断横屏或者竖屏。注意这里调用了jQuery的方法,所以你需要引用jQuery类库。

function orient() {
    alert('gete');
    if (window.orientation == 0 || window.orientation == 180) {
        $("body").attr("class", "portrait");
        orientation = 'portrait';
        return false;
    }
    else if (window.orientation == 90 || window.orientation == -90) {
        $("body").attr("class", "landscape");
        orientation = 'landscape';

        return false;
    }
}

/* 在页面加载的时候调用 */
$(function(){
    orient();
});

/* 在用户变化屏幕显示方向的时候调用*/
$(window).bind( 'orientationchange', function(e){
    orient();
});
posted @ 2012-09-07 13:52  冰镇宝贝321  阅读(577)  评论(0编辑  收藏  举报