如何在Post或Refresh页面升级我的JQuery,以保存最后的功能?

时间:2014-07-24 07:50:27

标签: jquery asp.net-mvc save

在" @Dimitar Dimitrov"的帮助下我创建了这个javascript,点击链接后更改值。 这是JSFiddle链接:http://jsfiddle.net/3uqF2/19/

这是功能代码:

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

我的问题是,如何升级它,所以当我刷新页面或点击帖子(例如搜索按钮)时,我点击的价值(例如&#34; Eng&#34;,观看小提琴的链接)< strong>保存,所以当我再次点击刷新或发布时,此链接将保留,直到我点击另一个链接。现在,当我点击刷新或发布时,它总是返回到第一个链接&#34; Slo&#34; (观看小提琴的链接)。

!注意:我已将此代码放在_Layout.cshtml中,以便我可以在所有页面上使用它。

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

尝试将其保存在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();
});
});

答案 1 :(得分:0)

您可以在用户离开页面时执行操作,方法是绑定<body/>上的删除电话:

$('body').bind('remove', function(event) {
    $.get('/api/leaving_page');
});