Bootstrap 页面加载时自动 select 选项卡

Question

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

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

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

但是，如果我要从 a 标记或 javascript 调用上面的 link 则它不起作用。

我是不是漏掉了什么？

Answer 1

当然可以。使用 window.location.hash 检查 URL 上是否有散列，然后在具有该 href 属性

的 link 上调用 tab('show')

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

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

Bootstrap auto select tab on page load