我正在开发一个 jQuery 预定义颜色选择器。当用户单击颜色选择器的一种颜色时,我想保存颜色选择:http://prntscr.com/7rnafa 。为了与 cookies 交互,我使用了 jQuery 插件 https://github.com/carhartl/jquery-cookie .
jQuery 代码:
var color_elements_background = ".nodeList .categoryStrip, .breadcrumb";
var color_elements_text = "a:link, a:visited";
$(".colorPicker span").on("click", function()
{
var customColor = $(this).attr("custom_color");
$(color_elements_background).css("background-color", customColor);
$(color_elements_text).css("color", customColor);
});
});
我的颜色选择器的 HTML:
<div class="colorPicker">
<div class="colorPickerContent">
<div class="colorPickerItems">
<li>
<span custom_color="#FF0000">Color 1</span>
</li>
<li>
<span custom_color="#333333">Color 2</span>
</li>
<li>
<span custom_color="#FFFFFF">Color 3</span>
</li>
<li>
<span custom_color="#D0D0D0">Color 4</span>
</li>
<li>
<span custom_color="#CCCCCC">Color 5</span>
</li>
</div>
</div>
</div>
最佳答案
查看插件:
https://github.com/js-cookie/js-cookie
要使用 Javascript 库 js.cookie 保存 cookie,您可以使用:
Cookies.set("color", customColor);
还可以从保存的 cookie 中获取值:
var customColor = Cookies.get("color");
如果您想删除该 cookie,您可以使用:
Cookies.remove("color");
关于javascript - jQuery cookie : How can I save the color selection of the user for the next visit?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31369747/