包括jquery移动多页面网站中的页眉和页脚

Question

我正在创建一个jquery移动网络应用程序,其中包含3个页面,我的标题/导航这些页面没有变化,但在所有示例中,我看到页眉和页脚添加到每个页面.是否可以只添加1个导航和1个页脚,然后只需将此主要内容切换为此结构:

<div id="header" data-role="header"></div>
<div id="page1" data-role="page">content</div>
<div id="page2" data-role="page">content</div>
<div id="page3" data-role="page">content</div>
<div id="footer" data-role="footer"></div>

基本上有一种方法可以显示/隐藏主要内容,并且不对页眉和页脚做任何事情吗？

对此有任何建议将是伟大的凯尔

Answer 1

不,不幸的是JQM不支持这个(还),你需要在你获得的每个角色=页面上添加你的role = header和role = footer(所有3个).

见文档

我会坚持使用$ .mobile.changePage(),因为它负责散列和许多其他事件,而不只是使用JQuery来.load()新内容......

希望这可以帮助