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

前端之家收集整理的这篇文章主要介绍了如何在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”来修复页眉和页脚。

希望这可以帮助。

猜你在找的jQuery相关文章