jquery mobile force ui-btn-active on navbar button

本文关键字：navbar button on ui-btn-active mobile force jquery 更新时间：2023-09-26

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

等。。。

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

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

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

将

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

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

您必须将

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

这

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