移除 JQuery Mobile 后导航栏单击的活动状态持续存在

Question

单击previous 或next 时，我用新数据更新了一个html 页面我对这两个按钮使用了navbar。但是，即使我删除了单击时的类，导航栏单击的活动彩色状态仍然存在：

$(".nav").removeClass(".ui-btn-active");

我也试过把它放在.Click 函数中。它会在第一次工作，但在第二次单击时，活动状态的浅蓝色仍然存在。有什么建议吗？

这是导航栏的 HTML：

 <div data-role="navbar" class="nav" >
<ul>
    <!--<li><a href="#" class="ui-btn" onClick="Calendar_Add()" data-icon="calendar"></a></li>
    <li><a href="#" data-icon="mail"></a></li>-->
    <li><a href="#" data-role="button" onClick="previous_event()" data-icon="arrow-l"></a></li>
    <li><a href="#" data-role="button" onClick="next_event()" data-icon="arrow-r"></a></li>
</ul>

Answer 1

首先从所有选项卡中删除 ui-btn-active 类

之后每次点击删除类 ui-btn-active 添加自定义的 CSS 类你想显示。

jQuery:

$(".nextLink").click( function() {

 $(".nav").removeClass(".ui-btn-active");

 $(this).addClass("selectedTab");

})

CSS：

.selectedTab {
background-color: #E4002B !important;

color: #FFFFFF;

font-family: sans-serif;

font-size: 18pt !important;

font-weight: normal;

}

编辑： 根据你的 HTML 添加和删除 Class onClick of previous_event() & next_event()