将背景颜色保存在饼干中

Question

我想将我的页面背景色保存在cookie中。用户可以从列表中选择一种颜色，但在刷新页面时，颜色必须保留

我终于可以让它工作，当我按下列表中的一种颜色时，cookie 值会变成蓝色

 $("#panel .blue").on('click', function(){
     if ($.cookie('the_cookie', { path: '/' }) !== null) { 
         $.removeCookie("the_cookie", { path: '/' });
         $.cookie('color_cookie', 'blue', {expires:7, path:'/'}); 
     }
 });

现在我只是想知道当我加载页面时如何检查该值为蓝色并使背景具有相同的颜色？

还是我应该采取完全不同的方法来实现这一目标？

谢谢。

Answer 1

好吧，假设你的css中没有任何奇怪的东西： 首先，您需要检索您存储的 cookie 的值并将其设置为您的div，如下所示：

$(document).ready(function(){
    $("#yourDiv").css("background-color",$.cookie('color_cookie'));
});