bootstrap导航菜单做active判断
先创建2个⽂件，index 和about，导⼊bootstrap的css
<div class="container">
<ul class="nav nav-pills">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
</ul>
<h1>Home Page</h1>
</div>
然后导⼊jquery，不导⼊也⾏，原始JS写法
导航菜单$('.nav-pills').find('a').each(function () {
if (this.href == document.location.href || document.location.href.search(this.href) >= 0) {
$(this).parent().addClass('active'); // this.className = 'active';
}
});
这样点击不同的导航，就可以⾃动添加active了。
就这么简单的JS代码，⽹上了好久都不是想要的，最后还是⾃⼰修改的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。