Jquery mobile 在JQuery Mobile中更改横向视图和纵向视图
我正在开发JQuery移动应用程序。根据设备是横向视图还是纵向视图,我的应用程序将具有相同数据的不同视图。目前,我正在使用以下代码检测该更改:Jquery mobile 在JQuery Mobile中更改横向视图和纵向视图,jquery-mobile,orientation,Jquery Mobile,Orientation,我正在开发JQuery移动应用程序。根据设备是横向视图还是纵向视图,我的应用程序将具有相同数据的不同视图。目前,我正在使用以下代码检测该更改: $(window).bind("orientationchange", function (e, ui) { alert("orientation changed: " + e.orientation); }); 从这里开始,我不知道该去哪里。我想改变看法。但是,我不想重新加载视图,因为我希望它尽可能快。如何根据方向显示不同的视图?HTML是什么样
$(window).bind("orientationchange", function (e, ui) {
alert("orientation changed: " + e.orientation);
});
从这里开始,我不知道该去哪里。我想改变看法。但是,我不想重新加载视图,因为我希望它尽可能快。如何根据方向显示不同的视图?HTML是什么样子的?我知道单个视图的定义如下:
<div id="myPage" data-role="page">
<div data-role="header">
<a href="#" data-icon="arrow-l" data-iconpos="notext" class="ui-btn-left jqm-home">Back</a>
<h1>My App</h1>
</div>
<div data-role="content">
<!-- Page content goes here -->
</div>
</div>
我的应用程序
感谢您的帮助。创建一个多页面布局,其中一个页面具有纵向视图,另一个页面具有横向视图,然后在
方向更改事件中调用$.changePage()
在它们之间切换