javascript – Bootstrap菜单更改li活动类点击

我有自举的以下菜单

HTML

<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav">
    <li class="active" id="homeL"><a data-scroll href="#Home">Home</a></li>
    <li><a href="#">About</a></li>
    <li class="" id="workL"><a data-scroll href="#Work">Work</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</div>

如何更改< li>当家庭或工作被点击时,课堂活跃吗？

以下是不适合我的

$("#homeL").on("click",function(){
  $(".nav navbar-nav li").removeClass("active");
  $(this).addClass("active");
});

解决方法

更新

你的css选择器似乎是错误的.请尝试如下,

<script>
    $(".nav li").on("click",function() {
      $(".nav li").removeClass("active");
      $(this).addClass("active");
    });

</script>

我为这个here创造了一个plunkr