如何使用MVC 5 Bootstrap选项卡返回视图中的特定选项卡

Question

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

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

我已经尝试在ActionLink中指定片段

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

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

如何返回页面并选择正确的标签？

Answer 1

您不能只导航到选项卡的哈希值，因为bootstrap还有一些设置，例如.active类要应用。

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

来自Activate the tab of the location hash：

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