引導標籤內的錨鏈接

Question

我正在使用引導標籤。我現在需要從一個標籤到另一個在內容（從#allmembers結束一個鏈接到＃其他

  <div class="contact-content"> 
      <ul class="nav nav-tabs contactTab"> 
       <li class="allmembers"> 
        <a href="#allmembers" data-toggle="tab">Members</a> 
       </li> 
       <li class="additional"> 
        <a href="#additional" data-toggle="tab">Additional</a> 
       </li> 
      </ul> 

      <!-- Tab panes --> 
      <div class="tab-content"> 
       <div class="tab-pane active" id="allmembers"> 
        Content 
       </div>      

       <div class="tab-pane active" id="additional"> 
        Content 2 
       </div> 
      </div> 

JQuery的

$('.contactTab a:first').tab('show') // Select first tab 

    $('.contactTab a').click(function (e) { 
     e.preventDefault(); 
     $(this).tab('show'); 
    }); 

我可以得到錨鏈接設置好，但它不會然後在切換選項卡，並滾動到頂部。我希望這件事情做防止默認行爲。

Answer 1

這裏是一個demo該做的工作。

$('#next').click(function() { 
    $('[href="#additional"]').tab('show'); 
}); 

你的錯誤在於我認爲的jQuery選擇器級別。

Enjoy :)