我正在尝试使用bootstrap和jquery向一个单击的导航菜单li添加一个类.当我点击一个菜单时,按预期添加了类,但没有添加相关的css属性 - 在特定情况下颜色为红色 - 下面你可以找到一个非常简单的例子.
$(document).ready(function() {
$('#navlist a').click(function(e) {
e.preventDefault();
$('#navlist a').removeClass('active');
$(this).addClass('active');
});
});Run Code Online (Sandbox Code Playgroud)
.nav {
color: green;
}
.active {
color: red;
}Run Code Online (Sandbox Code Playgroud)
<ul class="list-unstyled" id="navlist">
<li id="home"><a class="nav" href="#">Home</a>
</li>
<li id="about"><a class="nav" href="#">About Us</a>
</li>
</ul>Run Code Online (Sandbox Code Playgroud)