0

我正在开发一个 JQuery Mobile 应用程序。根据设备是横向还是纵向视图,我的应用程序将对相同数据有不同的视图。目前,我正在使用以下代码检测该更改:

$(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>

感谢您的帮助。

4

1 回答 1

2

创建一个多页面布局,一个页面具有纵向视图,另一个具有横向视图,然后在事件中调用$.changePage()以在它们之间切换。orientationChange

于 2012-04-09T14:00:53.167 回答