导航按钮上的jquery mobile force ui-btn-active

Question

我遇到了jQuery移动导航(导航栏)的问题.

我有4页,我在每页上将class ="ui-btn-active"设置为不同的页面.

例如:

第1页:

<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="index.html" data-icon="home" data-iconpos="top" class="ui-btn-active">Page 1</a></li>
<li><a href="index2.html" data-icon="plus" data-iconpos="top">Page 2</a></li>
<li><a href="index3.html" data-icon="grid">Page 3</a></li>
<li><a href="index4.html" data-icon="star" data-iconpos="top">Page 4</a></li>
</ul>
</div><!-- /navbar -->

那么如果你去第2页:

第1页:

<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="index.html" data-icon="home" data-iconpos="top">Page 1</a></li>
<li><a href="index2.html" data-icon="plus" data-iconpos="top" class="ui-btn-active">Page 2</a></li>
<li><a href="index3.html" data-icon="grid">Page 3</a></li>
<li><a href="index4.html" data-icon="star" data-iconpos="top">Page 4</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->

等等...

我的问题是它并不总是突出显示,有时我必须按两次按钮才能高亮显示.

有没有人知道如何强制这个工作？

Answer 1

尝试将"ui-state-persist"类添加到锚点.例如:class ="ui-btn-active ui-state-persist"

Answer 2

将链接设置为href=#活动按钮似乎为我解决了这个问题.

单击活动链接时似乎存在问题,尽管您已经在该页面上,然后导航离开该页面并返回到该页面.

Answer 3

您必须将"ui-state-persist"添加到所有锚标记,否则如果刷新页面仍然会中断,然后转到另一个页面,然后返回到您刷新的页面.