jquery - 如何在 jQueryMobile 中跨页面保持相同的页眉/页脚?

标签 jquery jquery-mobile layout footer

是否有一种简单的方法可以在浏览 jQueryMobile 页面时保持相同的页眉/页脚?到目前为止,我遇到的唯一解决方案依赖于在页面更改时动态注入(inject)它,但这会搞砸转换,并且只是克隆元素,我需要原始元素。

那么有官方支持的方式吗?我觉得很奇怪,我似乎是唯一一个在这个问题上挣扎的人?

最佳答案

最简单的方法是在所有页面的页眉和页脚中添加“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 - 如何在 jQueryMobile 中跨页面保持相同的页眉/页脚?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16712577/

相关文章:

javascript - jQuery - 呈现大量可滚动数据的最佳方式

jquery-mobile - 基于主干散列的导航和 jqm

javascript - 如何防止在移动设备上显示 Jquery UI 日期选择器/时间选择器

javascript - JQuery-Mobile滚动条

Android:使用可移动边框拆分 Activity

css - IE7 和固定的 div 问题

android - 关于为 Android 创建自定义布局的教程?

jQuery:动画移除 CSS 属性

jquery - 在请求完成之前浏览到另一个页面时 $.ajax 调用会抛出错误

jquery - 在 Electron 中,发出 ajax 请求的最佳方式是什么?