Jquery i twitter bootstrap sprawiają, że aktywna zakładka nie działa

Question

W zakładkach jittera i bootstrap muszę dodać klasę "active" do elementu li.

Otrzymuję skrót z adresu URL. Zastosuję klasę aktywną do zakładki, ale nie dostaję fokusu.

Chcę, aby druga karta była aktywna, gdy adres URL ma określony skrót. Kod

Źródło: http://jsfiddle.net/Chumillas/dU458/#example

Answer 1

Rozwiązałem go, muszę ustawić div zawartości aktywnej karcie, jak również.

Answer 2

Dlaczego nie u zamiast przy użyciu metody select zmieniając klasę samemu ??

sprawdzenie tego, Selecting a jQuery Tab using a parameter in the URL

Answer 3

Można to zrobić tak:

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

Answer 4

Również z najnowszym plikiem bootstrap-tab.js można użyć następującego połączenia, aby wybrać aktywną kartę.

Nav Próbka:

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

Get obiekt z łącza i wyświetlacza rozmowy:

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

przeciętność, G.

źródło: Twitter Bootstrap

Answer 5

Aby Bootstrap pracę JOT są dwie rzeczy, które musisz zrobić, aby aktywować zakładkę:

1. Ustaw elementu li do aktywnego (class = "aktywny")
2. Ustaw element tab div do czynnej (class = "Fade In aktywny")