如何在bootstrap中鏈接到navtab？

Question

我有一系列使用navtabs自舉的選項卡。我想知道是否有可能直接鏈接（超鏈接）到一個標籤？ 例如<a href="page.html#tab1">link to tab 1</a>

謝謝。

Answer 1

解決方案：

<script type='text/javascript'>var tabs$ = $(".nav-tabs a"); 

$(window).on("hashchange", function() { 
    var hash = window.location.hash, // get current hash 
     menu_item$ = tabs$.filter("[href=" + hash + "]"); // get the menu element 

    menu_item$.tab("show"); // call bootstrap to show the tab 
}).trigger("hashchange");</script> 

Answer 2

嘗試這個JavaScript

var url = document.location.toString(); 
if (url.match('#')) { 
    $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ; 
}