2012-04-24 18 views
6

Sekmeler tıklandığında güzel çalışır ancak pencere yüklemesinde varsayılan sekme seçilmez. Javascript çalışıyor, hata yok, ama hiçbir şey olmuyor. Herhangi bir fikir?Twitter'da Varsayılan Ayarlanamıyor Bootstrap Değiştirilebilir Sekmesi

<head> 
<link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet" type="text/css" /> 
</head> 

<script> 
    //<![CDATA[ 
    window.onload=function() { 
     $('#client_tab2').tab(); 
     }; 
    //]]> 
</script> 
<ul class='nav nav-tabs' id='tab'> 
    <li><a href="#client_tab1" data-toggle="tab">General</a></li> 
    <li><a href="#client_tab2" data-toggle="tab">Applications</a></li> 
    <li><a href="#client_tab3" data-toggle="tab">Family</a></li> 
    <li><a href="#client_tab4" data-toggle="tab">Memos</a></li> 
</ul> 

<form accept-charset="UTF-8" action="/clients/4512" class="simple_form client tab-content" id="edit_client_4512" method="post" novalidate="novalidate"> 
    <div class='tab-pane active' id='client_tab1'> 
    <legend>General Information</legend> 
    </div> 

    <div class='tab-pane' id='client_tab2'> 
    <legend>Application Information</legend> 
    </div> 

    <div class='tab-pane' id='client_tab3'> 
    <legend>Family</legend> 
    </div> 

    <div class='tab-pane' id='client_tab4'> 
    <legend>Memos</legend> 
    </div> 
</form> 

cevap

10

Sizin seçici yanlış, artık şöyle denemek:

$(window).load(function(){ 
    $('#tab a[href="#client_tab2"]').tab('show'); 
}); 

Demo: http://jsfiddle.net/TjjKE/

+0

Çok güzel! $ (Window) .load'unu kullanamam ama window.onload ipucu geri kalanıyla harika çalışıyor! Teşekkürler. –

9

Ayrıca sadece <li class="active"><a href="#whatever">....</a></li> tarafından aktif ve daha sonra uygun sekmesinde varsayılan bir sekme ayarlayabilirsiniz <div id="whatever" class="tab-pane active">..</div> var ve daha fazla JS ihtiyacını ortadan kaldırır. bir göz atın this

İlgili konular