Получить текущую активную вкладку через JS.

Я хочу отобразить текущую вкладку как активную в 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? Есть ли способ сделать это?

3 8
html jquery twitter-bootstrap

3 ответа:

Попробуйте 

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

Используйте этот код 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;}
0

Если вы хотите запускать JavaScript-код при каждом изменении текущей вкладки, смотрите события show и shown в документации плагина tabs.

0