如何 link 到 bootstrap 中的 navtab？

Question

我在 bootstrap 中使用 navtabs 创建了一系列选项卡。我想知道是否可以 link (hyperlink) 直接到一个选项卡？例如<a href="page.html#tab1">link to tab 1</a>

谢谢。

Answer 1

试试这个 javascript

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

Answer 2

解决方案：

<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>

如何 link 到 bootstrap 中的 navtab？

How to link to navtab in bootstrap?

tabs

hyperlink

nav