页面加载时引导自动选择选项卡答案

【问题标题】：Bootstrap auto select tab on page load页面加载时引导自动选择选项卡
【发布时间】：2015-07-15 15:03:31
【问题描述】：

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

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

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

但是，如果我要从 a 标记或 javascript 调用上述链接，则它不起作用。

我错过了什么吗？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：