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

Question

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

$(".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类。

j查询：

$(".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 添加和删除 previous_event() 和next_event()的类 onClick