jquery - 返回浏览器后通过 jQuery 应用 CSS 更改

Question

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

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

现在，如果在我的浏览器中转到其他页面，然后使用浏览器的“返回”功能返回到包含我的 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 等等...我发现这样分开更好。