Ottieni la scheda attiva corrente tramite JS.

Desidero visualizzare la scheda corrente come attiva in BOOTSTRAP.Ottieni la scheda attiva corrente tramite JS.

<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>

Desidero ottenere la scheda corrente attiva tramite jQuery? C'è un modo per fare questo?

fonte

2013-11-03 newbie

Prova

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

fonte

2013-11-03 08:30:36

Non sapevo che cambia classe quando si fa clic sulla scheda. Questo è davvero ciò di cui ho bisogno. Grazie. – newbie

+12

Se vuoi ottenere l'id di destinazione, usa $ ('. Nav-tabs .active> a'). Attr ('href') – chok68

Utilizzare questo js codice.

$(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'); 
} 
}); 
});

Usa CSS: Fissare classe Active

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

fonte

2013-11-03 09:05:27

Non vuole impostare la classe, vuole ottenere l'elemento con la classe attiva. – FabianCook

Se si desidera eseguire il codice JavaScript ogni volta che gli attuali cambiamenti separatori, vedere show e shown eventi nel tabs plugin documentation.

fonte

2013-11-03 09:24:27

Ottieni la scheda attiva corrente tramite JS.

risposta

Problemi correlati