jquery - 通过 JS 获取当前活动标签。

Question

我想在 BOOTSTRAP 中将当前选项卡显示为活动状态。

<ul class="nav nav-tabs">               
    <!-- Default tab -->
    <li class="active"><a href="#elemLower_tab" data-toggle="tab">Elementary Lower</a></li>
    <li><a href="#elemAdvance_tab" data-toggle="tab">Elementary Advance</a></li>
    <li><a href="#secondary_tab" data-toggle="tab">Secondary</a></li>               
</ul>

我想通过 jQuery 激活当前选项卡吗？有没有办法做到这一点？

Answer 1

尝试

$('.nav-tabs .active').text()

Answer 2

使用这个 JS 代码。

$(function(){
var url = window.location.pathname,
urlRegExp = new RegExp(url.replace(/\/$/,'') + "$");
$('ul.nav-tabs li a').each(function(){
if(urlRegExp.test(this.href.replace(/\/$/,''))){
$(this).addClass('active');
}
});
});

使用 CSS：将活​​动类附加到

ul.nav-tabs a.active{color:#000;}

Answer 3

如果您想在当前选项卡更改时运行 JavaScript 代码，请参阅选项卡插件文档show中的shown事件。