asp.net-mvc - 如何使用 MVC 5 Bootstrap 选项卡返回视图中的特定选项卡

Question

我有一个带有 Bootstrap 选项卡的 MVC 5 Web 应用程序。选项卡包含链接到其他页面的内容。当用户返回原始页面时，我希望他们返回到他们最初所在的同一选项卡。

例如：用户在页面“A”的选项卡 3 上，并单击将他们带到页面“B”的链接。当他们完成页面 B 时，我想将用户返回到页面 A，选项卡 3。

我尝试在 ActionLink 中指定片段

@Html.ActionLink("Back to List", "Index", "home", null, null, "myGroups", null, null) 

但这只是部分工作。它会带我回到正确的页面，但它总是落在第一个标签上。

如何返回页面并选择正确的选项卡？

Answer 1

您不能只导航到选项卡的哈希，因为引导程序有更多设置，例如.active要应用的类。

相反，在每个页面加载时运行一些 javascript 来查找片段，然后做出适当的反应。

像这样来自激活位置哈希的选项卡：

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