javascript - 使用 Bootstrap 设置我的导航栏事件链接

Question

我尝试在单击按钮时将导航栏的元素设置为事件状态。

我的导航栏是这样的:

但是，例如，当我单击“a”时，“G”仍然处于事件状态。

我的代码是这样的:

<div class="navbar span8" id="navbar">
    <div class="navbar-inner">
        <ul class="nav">
             <li><a href="#a">A</a></li>
             <li><a href="#b">B</a></li>
             <li><a href="#c">C</a></li>
             <li><a href="#d">D</a></li>
             <li><a href="#e">E</a></li>
             <li><a href="#f">F</a></li>    
              .....         
       </ul>
    </div>
</div>

激活一个类的代码是:

 <li class="active"><a href="#f">F</a></li>

我如何使用 jQuery 做到这一点？

Answer 1

您可以像这样将其设置为事件状态..

$('.nav li').click(function(){
    $('.nav li').removeClass('active');
    $(this).addClass('active');
})

Bootply