页面加载时的Bootstrap自动选择选项卡

Question

我正在使用Bootstrap V3，我想知道是否有一种方法可以在页面加载时自动选择特定的选项卡。这听起来很简单，但我尝试的任何东西都没有用，我的工作......有效。

如果我在浏览器中导航到它，它工作正常......（假设我的标签的ID为tab_files）

WEBSITE_URL/contact.php?page=contact&token=XYZ#bs-tab-tab_files

但是，如果我从a标签或javascript调用上述链接，则无效。

我错过了什么吗？

Answer 1

当然可以。使用window.location.hash检查网址上是否存在哈希值，然后在具有该href属性的链接上调用tab('show')

if (window.location.hash) {
    $("a[href='" + window.location.hash + "']").tab('show');
}

您可以更进一步，确保该项目实际上是一个标签，但上述内容就足够了。确保在加载DOM后运行。