访问后不要更改表格行的颜色

时间:2014-03-24 13:38:40

标签: javascript jquery html css

我希望我的应用程序以与gmail相同的方式运行。一旦我们访问邮件,即使我们重新加载页面,它的颜色也会永久改变,它仍然是相同的

'这是我的小提琴'

http://jsfiddle.net/kZSjR/#&togetherjs=OpoxyFna4o

当我点击' po'按钮行颜色必须像在gmail中一样永久更改 谢谢你的帮助

1 个答案:

答案 0 :(得分:0)

您必须使用localStorage,如下所示:

$("#po").click(function(){
    localStorage.setItem("visited", true);
    $("#po").css("color", "black"); // visited
});

现在加载页面,

$(window).load(function(){

    if(localStorage.getItem("visited"))
    {
        $("#po").css("color", "black"); // visited
    }
    else
    {
        $("#po").css("color", "green"); // not visited
    }

});

或者,您也可以使用cookie(但它们的使用会变得有点长)。

P.S。请注意,localStorage可以很容易地被用户修改,并且不能用于存储敏感用户数据。 Further reading