Question

我有某种应用，其中界面取决于方向变化。所以我有两个函数用于接口portraitSet()和landscapeSet()。以下是我如何追赶方向更改事件的代码：

$(window).on("orientationchange",function(event){
    alert(event.orientation);
        if (event.orientation == 'portrait')
        {
            $(portraitSet());
        }
        else if (event.orientation == 'landscape')
        {
            $(landscapeSet());
        }
});

在纵向模式下启动应用程序时效果很好，但是当在横向模式下启动应用程序并尝试将移动设备设置为纵向模式时，alert(event.orientation)会向我发送消息＆＃34; landscape ＆＃34;，但在纵向模式下移动。我的错误在哪里？

Answer 1

嗨使用此代码.....

$(window).resize( function(){
    var height = $(window).height();
    var width = $(window).width();
        if(width>height) {
      // Landscape
          alert("LANDSCAPE");
        } else {
      // Portrait
        alert("PORTRAIT");
        }

       });

如果您需要更多refer

Jquery mobile orientation在横向模式下启动时更改错误

1 个答案: