我遇到了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 -->
等...
我的问题是它并不总是突出显示，有时我必须按两次按钮才能高亮显示。
有没有人知道如何强迫它发挥作用？
答案 0 :(得分：48)
尝试将“ui-state-persist”类添加到锚点。 例如：class =“ui-btn-active ui-state-persist”
答案 1 :(得分：5)
在活动按钮上设置href=#链接似乎可以解决这个问题。
点击活动链接时似乎存在问题，尽管您已经在该页面上，然后导航离开该页面并返回到该页面。
答案 2 :(得分：5)
您必须将“ui-state-persist”添加到所有锚标记，否则如果刷新页面仍然会中断，然后转到另一个页面，然后返回页面你精神焕发。
答案 3 :(得分：1)
这只适用于我（在v1.3中）如果我在我想要突出显示的那些锚标签上设置class =“ui-btn-active ui-state-persist”（即每页一个） ，其中导航栏中的其余锚标记没有设置类。