2012-04-24 25 views
6

標籤在單擊時可以很好地工作,但在窗口加載時選擇默認標籤失敗。 JavaScript運行,沒有錯誤,但沒有任何反應。有任何想法嗎?無法在Twitter中設置默認值引導程序可切換標籤

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

回答

10

你的選擇是錯誤的,試試這樣反而:

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

演示:http://jsfiddle.net/TjjKE/

+0

非常好!我無法使用$(window).load,但window.onload與其餘的提示很好!謝謝。 – 2012-04-24 19:28:46

9

您還可以設置僅通過<li class="active"><a href="#whatever">....</a></li>爲活動,然後在相應的選項卡上的默認選項卡有<div id="whatever" class="tab-pane active">..</div>和消除更多的JS的需要。看看this

相關問題