JQuery e Twitter Bootstrap Make Active non funziona

Question

Nelle schede Bootstrap JS di Twitter devo aggiungere una classe "attiva" a un elemento LI.

Ottengo l'hash dall'URL. Applico la classe attiva alla scheda ma non ottiene il focus.

Voglio rendere attiva la seconda scheda quando l'URL ha un certo hash.

Codice sorgente:http://jsfiddle.net/chumillas/du458/#example

Answer 1

L'ho risolto, devo impostare anche il Div del contenuto della scheda attiva.

Answer 2

Inoltre, con l'ultimo bootstrap-tab.js, è possibile utilizzare la seguente chiamata per selezionare la scheda attiva.

Campione di nav:

<ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
    <li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
</ul>

Ottieni oggetto con collegamento e visualizza chiamata:

$('a[href="#tab2"]').tab('show');

Best, G.

fonte:Bootstrap Twitter

Answer 3

Puoi farlo in questo modo:

$(function (e) {
  var parts = decodeURI(e.target).split('#');
  $(".tabs").tabs().select(parts[1]);
});

Answer 4

Per far funzionare le schede bootstrap, ci sono due cose che devi fare per rendere attiva una scheda:

1. Imposta l'elemento Li su Active (class = "attivo")
2. Imposta l'elemento Scheda Div su Active (class = "Fade in active")

Answer 5

Perché non stai usando il select metodo invece di cambiare la classe da solo ??

verificare questo, Selezione di una scheda jQuery utilizzando un parametro nell'URL