bootstrap 2.0通過tab-content中的url激活選項卡和數據

Question

我已經看到了許多通常涉及這個主題的問題，我確切地知道需要做什么，但我不能用jQuery“流利”，因此我不能成功地做到這一點。

 <ul class="nav nav-pills" id="activate">
    <li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
    <li class="active"><a href="#tab2" data-toggle="tab">Tab 2</a></li>
 </ul>

 <div class="tab-content">
     <div id="tab1"><h1>Data for Tab 1</h2></div>
     <div id="tab2">
         <a href="#tab1" rel="taburl" data-toggle="tab">Take me to tab content #1</a>
     </div>

理想情況下，該選項卡的數據切換到＃tab1，但是，選項卡不會切換到href="#tab1"上的active類（在#tab2上保持活動狀態，但顯示#tab1的數據）

我想我可以使用.first()方法並將第一次出現的href="#tab1和.addClass('active')到這個li。但是我不知道如何為我鏈接到它的任何鏈接選擇li直接定位該href ID

我真的不知道這是否可以做到。 我可以從鏈接中注入href數據（使用jQuery），然后將其添加到選項卡鏈接並使其處於活動狀態。

再次， data-toggle="tab"切換到正確的內容，但不會更新導航欄上的活動選項卡，

有沒有辦法在我解雇鏈接后選擇確切的'tab'和.addClass('active')到<li> 。

感謝您的時間。

JSFIDDLE示例

http://jsfiddle.net/epiceon/M6NQJ/1/

Answer 1

如果您在標簽之間切換，那么您需要再次在選項卡上調用tab('show') ，您打算轉到該按鈕。

另外，如果您使用的是標簽，則應考慮將版本更新為2.0.3。 他們修復了一些錯誤（大多數是左側或右側的標簽），但即使放入新的navs.less文件也可能會讓您頭疼不已。

Answer 2

嘗試手動關閉其中的選項卡時，我遇到了類似的問題。

繼承人工作的jsFiddle：

http://jsfiddle.net/WnQvF/8/

請注意，我只是從我的項目中復制。 因此，解決方案可能不是您的問題最干凈，但您將了解它的工作原理。 請記住在Tab 3中命名Tab-Buttons和Button。