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类。

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添加和删除onClick＆amp;的班级previous_event() next_event()

移除JQuery Mobile后，导航栏的活动状态单击持久性

1 个答案: