保存cookie中的背景颜色

时间:2013-12-27 06:08:36

标签: javascript jquery html css cookies

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

我终于可以使用了当我按下列表中的颜色时,cookie值变为蓝色

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

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

或者我应该采取其他完整的方法来实现这一目标?

感谢。

1 个答案:

答案 0 :(得分:0)

好吧,假设你的css中没有任何奇怪的东西:首先,你需要检索你存储的cookie的值并将其设置为你的div:

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