jQuery高亮当前选中菜单

假如页面中有以下菜单

<ul class="nav navbar-nav">
	<li class="active"><a href="/index.html">首页</a></li>
	<li id="archive"><a href="/archive.html">归档</a></li>
	<li id="categorys"><a href="/categorys.html">分类</a></li>
	<li id="about"><a href="/about.html">关于</a></li>
</ul>


如果不是Bootstrap自行定义active CSS样式

<script type="text/javascript">
	$(document).ready(function() {
		$(".navbar-nav li").click(function() {
			$(this).addClass("active").siblings().removeClass("active");
		});
	});
</script>


作者:itmyhome

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。