jquery mobile force ui-btn-active on navbar button答案

【问题标题】：jquery mobile force ui-btn-active on navbar buttonjquery mobile force ui-btn-active on navbar button
【发布时间】：2011-08-30 18:15:10
【问题描述】：

我在使用 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 -->

等等……

我的问题是它并不总是突出显示，有时我必须按两次按钮才能突出显示。

有人知道如何强制它工作吗？

【问题讨论】：

对于想要阅读有关此功能的文档的人：jquerymobile.com/test/docs/toolbars/footer-persist-a.html

标签： javascript jquery jquery-mobile

【解决方案1】：

尝试将“ui-state-persist”类添加到您的锚点。例如：class="ui-btn-active ui-state-persist"

【讨论】：

是的，但是它偶尔仍然会中断，没有突出显示标签或多个标签。我猜它仍然是测试版。

【解决方案2】：

在活动按钮上将链接设置为href=# 似乎可以为我解决这个问题。

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

【讨论】：

我遇到了类似的问题，导航链接会显示为“活动”，但页面永远不会被导航到。我发现通过将我的活动页面 href="home.html" 替换为 href="#" 神奇地做了一些事情，我的导航按钮现在响应得更好了。谢谢你的主意。希望其他人能发现这很有用。
我很快就和我谈过了，我仍然遇到按钮活动状态出现的问题，但页面没有导航到。
为我工作 + ui-state-persist 在所有相关的锚点上。

【解决方案3】：

你必须给所有的锚标签加上“ui-state-persist”，否则刷新一个页面还是会中断，然后转到另一个页面，然后再返回该页面你刷新了。

【讨论】：

【解决方案4】：

这仅适用于我（在 v1.3 中），如果我在我想要突出显示的锚标签上设置 class="ui-btn-active ui-state-persist"（即每页一个），该导航栏中的其余锚标记没有设置类。

【讨论】：