回到浏览器后，通过jQuery应用CSS更改

Question

我有一个绿色背景的DIV。不，我使用jQuery将背景更改为红色：

$('div').css('background-color','red');

现在，如果我在浏览器中访问其他页面，然后使用＆＃34;返回＆＃34;浏览器的功能是使用我的div返回页面，div再次为绿色。

是否有一种简单的方法可以在浏览器历史记录中保持CSS更改，这样如果我返回div仍然是红色的？

Answer 1

我猜你会根据用户动作改变颜色，否则默认情况下它会变红。因此，您只需将颜色存储在cookie中即可。

我喜欢这个选项，设置/存储/销毁cookie很容易：https://github.com/carhartl/jquery-cookie

然后，只需设置Cookie $.cookie("color", value);

即可

当您返回页面时，您可以通过检索Cookie来查看是否有颜色的存储值：var divColor = $.cookie("color");

我还建议用类设置颜色。也许是一个班级.red和.green等......我觉得最好将它分开。