iPad 不会触发从垂直到水平的调整大小事件? [英] iPad doesn't trigger resize event going from vertical to horizontal?

问题描述

有没有人注意到这种行为?我正在尝试编写一个将在调整大小时触发的脚本.它在普通浏览器上运行良好，在 iPhone 上运行良好，但在 iPad 上，只会触发从水平视口到垂直视口的切换，反之则不然.

Has anyone noticed this behavior? I'm trying to write a script that will trigger upon a resize. It works fine on normal browsers, works fine on iPhone, but on iPad, will only trigger going from horizontal to vertical viewport, not vice versa.

代码如下:

$(window).resize( function() {

    var agent=navigator.userAgent.toLowerCase();
    var is_iphone = ((agent.indexOf('iphone') != -1));
    var is_ipad = ((agent.indexOf('ipad') != -1));

    if(is_iphone || is_ipad){
        location.reload(true);
    } else {     
        /* Do stuff. */
    };
});

推荐答案

如果我理解正确的话，当用户倾斜 iPad 时，您希望做一些事情.给你:

If I understood you correctly, you want to do something when the user tilts the iPad. Here you go:

window.onorientationchange = function(){

    var orientation = window.orientation;

    // Look at the value of window.orientation:

    if (orientation === 0){

        // iPad is in Portrait mode.

    }

    else if (orientation === 90){

        // iPad is in Landscape mode. The screen is turned to the left.

    }


    else if (orientation === -90){

        // iPad is in Landscape mode. The screen is turned to the right.

    }

}

这篇关于iPad 不会触发从垂直到水平的调整大小事件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！