jQuery cookie:如何保存用户下次访问的颜色选择? [英] jQuery cookie: How can I save the color selection of the user for the next visit?

问题描述

我正在研究jQuery预定义的颜色选择器.当用户单击我的颜色选择器的一种颜色时，我想保存颜色选择: http://prntscr. com/7rnafa .为了与Cookie进行交互，我在 https://github.com/carhartl/jquery-cookie上使用jQuery插件.

I'm working on a jQuery predefined color picker. I'd like to save the color selection when the user click on one of the colors of my color picker: http://prntscr.com/7rnafa . To interact with cookies, I am using the jQuery plugin at 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:

HTML of my color picker:

                <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，请使用:

To save a cookie using the Javascript library js.cookie you would use:

Cookies.set("color", customColor);

从保存的cookie中获取值的方法还可以是:

Also to get the value from the saved cookies would be:

var customColor = Cookies.get("color");

如果您想删除该Cookie，则可以使用:

If you ever wanted to remove that cookie you would use:

Cookies.remove("color");

这篇关于jQuery cookie:如何保存用户下次访问的颜色选择?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！