JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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

大佬总结

以上是大佬教程为你收集整理的javascript – Bootstrap菜单更改li活动类点击全部内容,希望文章能够帮你解决javascript – Bootstrap菜单更改li活动类点击所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。