编辑:我的临时解决方案是关闭所有转换并为每个标题使用不同的ID。这样,您就可以获得持久的工具栏,但没有转换。 没有过渡效果的有效示例
我在JQuery Mobile中的页眉中使用一个持续的固定导航栏。我在3个HTML文件之间进行导航,在第一个(主要)页面上没有问题,但在第二个和第三个页面上,导航栏会覆盖部分内容。
以下是破损导航栏代码的示例:
<div data-role="header" data-id="header" data-position="fixed">
<h1>Page 1</h1>
<a href="options.html" data-icon="gear" class="ui-btn-right">Options</a>
<div data-role="navbar">
<ul>
<li><a href="#page1" data-icon="home" data-iconpos="top"class="ui-btn-active ui-state-persist" >Page1</a></li>
<li><a href="#page2" data-icon="info" data-iconpos="top" >Page2</a></li>
<li><a href="#page3" data-icon="gear" data-iconpos="top" >Page3</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /header -->
我已经上传了一个问题的示例,这里是链接(一个HTML文件中包含多个页面):破碎的导航栏。