Bootstrap加載非活動標籤中的AJAX內容

Question

我正在構建一個使用Bootstrap標籤和AJAX的站點。我已經設置好了，當點擊一個類別爲.load的鏈接時，該HTML文檔的內容將被加載到活動選項卡中，在這種情況下爲#tab2。

這是通過以下實現：

$(function(){ 
    $("#tab2").delegate('.load', 'click', function (e) { 
     e.preventDefault(); 
     $("#tab2").load($(this).attr("href")); 
    }); 
}); 

我還需要在#tab2一些鏈接，那些之類的.load-tab1內容加載到#tab1，這是我用下面的代碼來實現的。

$(function(){ 
    $("#tab2").delegate('.load-tab1', 'click', function (e) { 
     e.preventDefault(); 
     $("#tab1").load($(this).attr("href")); 
    }); 
}); 

問題是我無法工作，如何讓這個當點擊鏈接.load-tab1活動標籤也從#tab2切換到#tab1。

任何幫助將不勝感激！

UPDATE：

我能得到它與下面的代碼工作，但還是想有一個更好的解決方案。

$(function(){ 
    $("#tab2").delegate('.load-tab1', 'click', function (e) { 
     e.preventDefault(); 
     $("#tab1").load($(this).attr("href")); 
     $(".tab2").removeClass("active"); 
     $(".tab1").addClass("active"); 
     $(".tab-content #tab2").removeClass("active"); 
     $(".tab-content #tab1").addClass("active"); 
    }); 
}); 

Answer 1

你應該select the tab在.load()回調：

$(function(){ 
    $("#tab2").delegate('.load-tab1', 'click', function (e) { 
     e.preventDefault(); 
     $("#tab1").load($(this).attr("href"), function(response, status, xhr){ 

      $(theFirstTabAnchorSelector).tab('show'); 

     }); 
    }); 
});