在导航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”来修复页眉和页脚。
希望这可以帮助。