jquery - 页面刷新后颜色不变

Question

当我点击 div 时，span 的 color 变为 red，如我所料，但是当我刷新我的页面时，颜色 不是红色，它返回到原始颜色，在我的例子中是绿色。刷新页面后如何保持相同的颜色(红色)？我尝试使用 .apend() 但情况是一样的。

这是我的 HTML:

  <span>Green</span>
  <div id="changeColor"> </div>

jQuery:

$('#changeColor').click(function(){

$('span').css({"background-color":"red"});

});

谢谢大家:D

Answer 1

看看这个jQuery cookie plugin .您可以使用它(或 smilar 插件)在 cookie 中创建/读取和存储信息。然后，当页面加载时，您可以使用此 cookie 来设置存储在 cookie 中的 div 的颜色。

这是一个 example JSFiddle.

希望对您有所帮助!