javascript - 包括 jquery 移动多页站点中的页眉和页脚

Question

我正在创建一个包含 3 个页面的 jquery 移动网络应用程序，这些页面的页眉/导航没有改变，但在我看到的所有示例中，每个页面都添加了页眉和页脚。是否可以只添加 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 不支持这个(目前)，你需要在你得到的每个 Angular 色=页面上添加你的 role=header 和 role=footer(所有 3 个)。

参见 documentation

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

希望对你有帮助