使用Bootstrap的Navbar切换活动选项卡

我正在使用Bootstrap的导航栏来访问网站.我已经将导航栏分成了自己的HTML页面.加载任何页面时,它将使用JQuery加载navbar.html页面.当用户点击say,page2时,"Home"链接仍然显示为活动状态,因为它应该是"Page2".

有没有一种简单的方法可以使用javascript,jquery或bootstrap魔法将page2链接的类切换为"active"？

navbar.html

    
Home
    
page2
page3

第2页的jquery

xandercoded.. 6

使用jQuery:

$('.nav a:contains("page2")').addClass('active');

或者,要将类添加到父元素(li):

$('.nav a:contains("page2")').parent().addClass('active');

实例:

http://jsfiddle.net/BDTnj/

使用jQuery:

$('.nav a:contains("page2")').addClass('active');

或者,要将类添加到父元素(li):

$('.nav a:contains("page2")').parent().addClass('active');

实例:

http://jsfiddle.net/BDTnj/