Javascript 将cookie函数添加到颜色转换器_Javascript_Jquery_Css_Cookies_Background Color

Javascript 将cookie函数添加到颜色转换器

javascript jquery css cookies

Javascript 将cookie函数添加到颜色转换器,javascript,jquery,css,cookies,background-color,Javascript,Jquery,Css,Cookies,Background Color,我已经通过jQuery创建了一个颜色转换器，但是无法创建cookie函数，因此颜色首选项将被记住。这是代码 <body> <button id="grey">Grey</button> <button id="red">Red</button> <button id="pink">Pink</button> <button id="blue">Blue</button> <but

我已经通过jQuery创建了一个颜色转换器，但是无法创建cookie函数，因此颜色首选项将被记住。这是代码

<body> 
<button id="grey">Grey</button>
<button id="red">Red</button>
<button id="pink">Pink</button>
<button id="blue">Blue</button>
<button id="green">Green</button>
<button id="yellow">Yellow</button>
<button id="orange">Orange</button> 
</body>

这是小提琴：
感谢您的帮助：）

谢谢

有一个非常简单的jquery插件，可以帮助设置/获取cookie值

你可以这样使用它：

$("button#grey").click(function() {
   $("body").css("background", "#111")
   $.cookie("bg-color", "#111")
}

然后当你的页面加载时

$(document).read(function() {
  $("body").css("background", $.cookie("bg-color"));
});

确保首先检查bg颜色值是否已设置

这里没有显示您如何设置/获取cookie的代码。你尝试了什么？我发布了插件使用的普通代码，而不是不起作用的错误cookie代码。如果您提供了一个解决方案，我将不胜感激>如果您想要我在cookies中使用的代码，您可以顺便导航到这里。。。如果您想了解$.cookie如何设置/获取cookie值，您应该看看github上的代码。不过，感谢您的回复，我已经尝试添加cookie，但代码似乎不起作用，在每个onclick语句中的最后一个大括号之后，您会缺少任何帮助。哦，谢谢您的提示，但是我不能让cookie函数工作。这是最新的小提琴。我不熟悉jQuery cookie的用法。谢谢你的帮助，Regards你的小提琴链接对我有用。。。如果我选择一种颜色，然后刷新页面，背景就是这种颜色。

$(document).read(function() {
  $("body").css("background", $.cookie("bg-color"));
});