如何在jQueryMobile的页面上保持相同的页眉/页脚？

在导航jQueryMobile页面时，是否有一个简单的方法来保持相同的页眉/页脚？迄今为止我遇到的唯一解决方案是依靠在页面变化中动态地注入它，但这会扭转转换，只是克隆元素，我需要原始的。

那是正式支持的方式吗？我觉得奇怪的是，我似乎是唯一一个挣扎着这个问题的人？

解决方法

最简单的方法是在所有页面的页眉和页脚中添加“data-id”属性。要使页眉/页脚“持久化”，请在所有页面上使用相同的数据id。

<div id="page1">
 <div data-role="header" data-id="main-header"></div>
 ...
 <div data-role="footer" data-id="main-footer"></div>
</div>

<div id="page2">
 <div data-role="header" data-id="main-header"></div>
 ...
 <div data-role="footer" data-id="main-footer"></div>
</div>

您还需要使用css或data-position =“fixed”来修复页眉和页脚。

希望这可以帮助。