将横向限制在特定页面、jquery mobile、iOS、phonegap/cordova

Posted

技术标签:

【中文标题】将横向限制在特定页面、jquery mobile、iOS、phonegap/cordova【英文标题】:Limit landscape to a specific page, jquery mobile, iOS, phonegap/cordova 【发布时间】:2014-07-15 15:56:20 【问题描述】:

我正在使用以下代码来检测方向变化:

window.addEventListener('orientationchange', doOnOrientationChange);

 function doOnOrientationChange()
    
        switch(window.orientation)
      
        case -90:
        case 90:
        alert('landscape');
        break;
        default:
        alert('portrait');
        break;
     

如何防止 jqm 中某些页面的方向改变?似乎我可以检测到我可以阻止默认行为的更改?

【问题讨论】:

【参考方案1】:

如果您只希望某些 Web 视图/UI 上下文响应方向,则需要在本机层中执行此操作。否则你的东西只会遵循响应式布局。

【讨论】:

以上是关于将横向限制在特定页面、jquery mobile、iOS、phonegap/cordova的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Mobile-Phonegap:Windows 8 横向模式下的页脚对齐问题

在 jQuery Mobile 中,如果手机倾斜到横向,如何在编辑时使文本输入全屏显示?

iOS Mobile Safari 纵向布局过于缩放

更改设备方向上的图像 jquery-mobile

将参数传递给 jQuery Mobile 中的页面 ID

获取在 jquery mobile 中创建的页面