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

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/js/151851.html

猜你在找的JavaScript相关文章