使用bootstrap從標籤中調用另一個選項卡？

Question

我有一組標籤使用引導，並在拳頭選項卡我有一個鏈接到第二個選項卡，鏈接工程並加載第二個選項卡內容但第二個選項卡沒有被設置爲活動，爲什麼發生這種情況？

這是我的代碼：

<div class="container"> 
    <!-- Nav tabs --> 
    <ul class="nav nav-tabs nav-stacked col-md-2"> 
     <li class="active"><a href="#about" data-toggle="tab">¿Qu&eacute; es MeCans&eacute;?</a></li> 
     <li><a href="#buy" data-toggle="tab">Comprar</a></li> 
     <li><a href="#vipsale" data-toggle="tab">Vender VIP</a></li> 
     <li><a href="#devolutions" data-toggle="tab">Devoluciones</a></li> 
     <li><a href="#faqs" data-toggle="tab">Preguntas Frecuentes</a></li> 
    </ul> 

    <!-- Tab panes --> 
    <div class="tab-content col-md-10"> 
     <div class="tab-pane active" id="about">@Html.Partial("_AboutUs")</div> 
     <div class="tab-pane" id="buy">@Html.Partial("_Buy")</div> 
     <div class="tab-pane" id="vipsale">@Html.Partial("_VipSale")</div> 
     <div class="tab-pane" id="devolutions">@Html.Partial("_Devolutions")</div> 
     <div class="tab-pane" id="faqs">@Html.Partial("_Faq")</div> 
    </div> 
</div> 

裏面的_Buy局部視圖我有此鏈接：

<a href="#vipsale" data-toggle="tab">Venta Vip</a> 

Answer 1

這不是真的data-toggle作品在這種情況下如何。 Bootstrap方法將該鏈接設置爲活動鏈接，而不是與內容關聯的選項卡。

你需要使用JS：

<a href="#" id="vip">Venta Vip</a> 

$('#vip').click(function() { 
    $('a[href="#vipsale"]').tab('show') 
}); 

http://jsfiddle.net/isherwood/f34x8（在最後一個選項卡鏈接）