javascript - 从另一个页面直接链接到特定的选项卡 Pane

Question

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

但是，如果我想从另一个页面直接链接到特定选项卡，我该如何执行此操作？

在 url 中使用带有 ID 的常规方式似乎不起作用 - 例如mypage.html#a

提前致谢

Answer 1

虽然我没有机会尝试，但我认为你可以通过javascript来完成。

当您从另一个页面转到前一个页面时。 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 与您的哈希值相同