直接链接到另一个页面的特定选项卡窗格

Question

我正在使用以下代码来分隔网站http://www.bootply.com/74926上的内容，并且工作正常。

但是，如果我想直接链接到另一个页面上的特定选项卡，我该怎么做？

在网址中使用ID的常规方式似乎无效-例如，mypage.html＃a

提前致谢

Answer 1

虽然我没有机会尝试它，但我认为您可以通过javascript进行尝试。

当您从另一个页面转到ex。 mypage#abc ， #abc可以通过检索window.location.hash 。 因此，一个简单的解决方案可能是以下javascript：

$(document).ready(function(){
    // get the tab from url
    var hash = window.location.hash;
    // if a hash is present (when you come to this page)
    if (hash !='') {
        // show the tab
        $('.nav-tabs a[href="' + hash + '"]').tab('show');
    }
});

只要确保您需要链接的标签（来自其他页面）的ID与您的哈希值相同即可

Answer 2

此代码的优势在于，您不仅可以在同一页面中，而且可以从其他站点导航到这些选项卡。

$('#tab1 a').click(function (e) {
    e.preventDefault();
    $('a[href="' + $(this).attr('href') + '"]').tab('show');
})

您可以在下面的JSFiddle中看到它的运行情况：

http://jsfiddle.net/Anokrize/nP2Zk/317/