如何升级发布或刷新页面时保存最后一个函数的JQuery？

在“@Dimitar Dimitrov”的帮助下，我创建了这个javascript，在单击链接后更改值。 以下是JSFIDLE链接：

以下是功能代码：

$(document).ready(function () {
    $(".my-link").on("click", function() { 
        $(".status").hide();
        var linkId = $(this).data("id");
        $("." + linkId).show();
    });
});

我的问题是，我如何升级它，所以当我刷新页面或单击帖子（例如搜索按钮）时，我单击的值（例如“Eng”，观看小提琴的链接）会保存，因此当我再次单击刷新或帖子时，该链接会一直保留，直到我单击另一个链接为止。现在，当我单击刷新或发布时，它总是返回到第一个链接“Slo”（小提琴的观看链接）

!！注意：我已经将这段代码放在我的_Layout.cshtml中，这样我就可以在所有页面上使用它了

---

谢谢你的帮助

通过在

上绑定删除调用，可以在用户离开页面时执行操作：

---

尝试将其保存在cookie中：

   $(document).ready(function () {
//getting the value of the cookie
if(document.cookie!=""){
     $(".status").hide();
    var linkId = document.cookie;
    $("." + linkId).show();
}
$(".my-link").on("click", function() { 
    $(".status").hide();
    var linkId = $(this).data("id");
 //setting the value of the cookie
    document.cookie=linkId;
    $("." + linkId).show();
});
});

---

我已经试过了，但仍然不起作用，你们可以在小提琴上试一下，试着刷新页面。

   $(document).ready(function () {
//getting the value of the cookie
if(document.cookie!=""){
     $(".status").hide();
    var linkId = document.cookie;
    $("." + linkId).show();
}
$(".my-link").on("click", function() { 
    $(".status").hide();
    var linkId = $(this).data("id");
 //setting the value of the cookie
    document.cookie=linkId;
    $("." + linkId).show();
});
});