ブートストラップタブajaxページロード時のコンテンツをロードする

Question

ページがロードされたときにタブの内容を読み込むための助けが必要です。私の例はうまくいくが、デフォルトのタブはコンテンツをクリックするときにのみ読み込む。そのコンテンツは、ページがロードされたときに自動的にロードされません。

チェック： Fiddle example

同様の例にuがあなた

<ul class="nav nav-tabs tabs-up" id="friends"> 
    <li><a href="/gh/gist/response.html/3843293/" data-target="#contacts" class="media_node active span" id="contacts_tab" data-toggle="tabajax" rel="tooltip"> Contacts </a></li> 
    <li><a href="/gh/gist/response.html/3843301/" data-target="#friends_list" class="media_node span" id="friends_list_tab" data-toggle="tabajax" rel="tooltip"> Friends list</a></li> 
    <li><a href="/gh/gist/response.html/3843306/" data-target="#awaiting_request" class="media_node span" id="awaiting_request_tab" data-toggle="tabajax" rel="tooltip">Awaiting request</a></li> 
</ul> 
<div class="tab-content"> 
    <div class="tab-pane active" id="contacts"> 
    </div> 
    <div class="tab-pane" id="friends_list"> 
    </div> 
    <div class="tab-pane urlbox span8" id="awaiting_request"> 
    </div> 
</div> 

とJSが表示されます。

$('[data-toggle="tabajax"]').click(function(e) { 
    var $this = $(this), 
     loadurl = $this.attr('href'), 
     targ = $this.attr('data-target'); 

    $.get(loadurl, function(data) { 
     $(targ).html(data); 
    }); 

    $this.tab('show'); 
    return false; 
}); 

Answer 1

場所をこのスクリプトの最後に：

$(document).ready(function(){ 
    $('[data-toggle="tabajax"]:first').click(); 
});