如何以横向模式显示单页

时间:2016-03-14 12:03:07

标签: jquery view ibm-mobilefirst landscape

我们正在使用IBM MobileFirst Platform Foundation 7.1和Jquery 1.4.5开发混合移动应用程序。

在此应用程序中,我们以横向和纵向模式显示页面。但是,在一个页面上我们不想显示纵向模式,并且只想显示横向模式

请说明如何仅在横向模式下以整个应用程序显示一页

$(document).on("pagebeforeshow","#landscapePage",function(){
  
  }

上面的代码,当我导航 landscapePage 时,我想仅显示横向

1 个答案:

答案 0 :(得分:0)

我希望你能使用一个插件使用cordova和achive,我附上了文章Locking jQuery Mobile App Orientation Using Cordova

您必须在worklight应用程序中使用上述插件,并使用screen.lockOrientation('landscape');锁定屏幕方向。

希望您知道如何在应用程序中添加外部cordova插件。 另请点击此链接Android – Adding native functionality to hybrid application with an Apache Cordova plugin

$(document).on('pagecontainerbeforeshow', function (e, ui) {
    var activePage = $(':mobile-pagecontainer').pagecontainer('getActivePage').attr('id');
    if(activePage === 'index') {
        document.addEventListener("deviceready", onDeviceReady, false);
        function onDeviceReady()
        {
            screen.lockOrientation('landscape');
        }
    }
});