如何使用 ActionLink 重定向到 ASP .NET MVC 中的特定“视图”选项卡区域

Question

我需要创建一个重定向到上一页的动作链接，但上一页分为 5 个选项卡。所以对于网址说

host/Admin/AdminMain

具有选项卡，当我将鼠标悬停在选项卡上时，链接似乎是

host/Admin/AdminMain#tabs-1
host/Admin/AdminMain#tabs-2

等等。

在选项卡-2中，我

有一个指向另一个视图的链接，例如主机/管理员/某个控制器，我需要在视图中创建操作链接，将我重定向回选项卡-2，而不是选项卡-1。动作链接现在如下所示：

@Html.ActionLink("Back to Main", "Index", "AdminMain")

如何指定将我重定向到 #tabs-2？

Answer 1

#tabs-2部分称为URL的"片段"。它实际上不是资源 URI 的一部分，仅用于客户端将用户"跳转"到具有该 ID 的文档部分。

但是，像选项卡这样的东西需要JavaScript才能运行，并且浏览器无法根据片段自动切换到选项卡，因为它不知道如何做到这一点。您需要编写一些 JavaScript 来读取片段，然后尝试使用您为此使用的任何库激活相应的选项卡。

(function () {
    var fragment = location.hash;
    if (fragment !== '') {
        // activate tab with that id
    }
})();