bootstrap动态导航页面跳转失效

Question

用bootstrap的css文件做的导航条不能动态的实现跳转，如图，页面已经跳转到指定页面了，但是导般条高亮还是在原来的位置，怎样能让高亮随着页面跳转变化？导航条源码：<ul class="nav nav-tabs "> <li class="active"> <a href="/home/">Home</a> </li> <li ><a href="/PC/">PC</a></li> <li ><a href="#">Printer</a></li> </ul>

Answer 1

这个要加一段jQuery代码解决(已测):

<script src="js/jquery.min.js"></script><!-- 注意这里要改为自己的jquery路径!!!-->

<script type="text/javascript">
$(document).ready(function () {
$('ul.nav > li').click(function (e) {
e.preventDefault();
$('ul.nav > li').removeClass('active');
$(this).addClass('active');
});
});

Answer 2

手动切换active样式