假如页面中有以下菜单
<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