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

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 plugin documentation.

0