Twitter Bootstrap在標籤之間點擊

Question

是否可以在Twitter Bootstrap標籤的底部添加可點擊鏈接，然後轉到下一個標籤，然後返回頂部並顯示選中的下一個標籤（如果用戶點擊了頁面頂部的標籤）？

我添加了一個鏈接來執行標籤點擊操作 - 它會交換標籤內容，但不會在標籤本身內顯示選項卡選擇更改 - 也會將您留在頁面的底部。這是我加的鏈接：

<a href="#tab2" data-toggle="tab">Technical Test</a> 

這是整個HTML：

<div class="tabbable"> 
     <!-- Only required for left/right tabs --> 
     <ul class="nav nav-tabs"> 
      <li class="active"><a href="#tab1" data-toggle="tab">PC Phone Test</a></li> 
      <li><a href="#tab2" data-toggle="tab">Technical Test</a></li> 
     </ul> 
     <div class="tab-content"> 
      <div class="tab-pane active" id="tab1"> 
       <!-- tab 1 content here --> 

       <a href="#tab2" data-toggle="tab">Technical Test</a> 

      </div> 

      <div class="tab-pane" id="tab2"> 
       <!-- tab 2 content here --> 
      </div> 
     </div> 

感謝您的幫助，

馬克

Answer 1

找到類似的東西后，我想出了：

$(function() { 
     $("#TestClick").click(function() { 
      alert("clicked"); 
      var tabs = $('#tabselect .nav-tabs > li'), 
       active = tabs.filter('.active'), 
       next = active.next('li'), 
       toClick = next.length ? next.find('a') : tabs.eq(0).find('a'); 

      toClick.trigger('click'); 
      $("#Q1KH").focus(); 
     }); 

    }); 

可能不是很優雅 - 但正確設置了選項卡，並專注於屏幕頂部的文本框。

謝謝，馬克