Javascript 如何使用cookie添加jquery颜色选择器的多个实例

我正在使用eyecon colorpicker.js编辑网站前端的颜色。这个脚本工作得很好，但我正在努力创建它的多个实例，以便我可以更改多个元素，还需要一种方法将颜色重置回默认值

实现这一目标的最佳方式是什么

<label>Body</label>
<div id="colorSelector">
 <div></div>
</div>

<script type="text/javascript">

$(document).ready(function(){
            var col = '000000';

            function updateCookieInfo(c){

                $("#colorSelector div").css("background-color", "#" + c);
                $("body").css("background-color", "#" + c);
            }

            if(typeof $.cookie('color') != 'undefined'){
                col = $.cookie('color');
                updateCookieInfo(col);
            }

            $('#colorSelector').ColorPicker({
                color: col,
                onShow: function (colpkr) {
                    $(colpkr).fadeIn(500);
                    return false;
                },
                onHide: function (colpkr) {
                    $(colpkr).fadeOut(500);
                    $.cookie('color', col, { expires: 7 });
                    updateCookieInfo(col);
                    return false;
                },
                onChange: function (hsb, hex, rgb) {
                    col = hex;
                    $('body').css('backgroundColor', '#' + hex);
                    $("#colorSelector div").css("background-color", "#" + c);
                }
            });

        });
</script>

正文
$（文档）.ready（函数（）{
var col='000000'；
函数updatecokieinfo（c）{
$（“#颜色选择器div”）.css（“背景色”，“#”+c）；
$（“body”）.css（“背景色”和“#”+c）；
}
if（typeof$.cookie（'color'）！='undefined'）{
col=$.cookie（'color'）；
更新OkieInfo（col）；
}
$（“#colorSelector”）.ColorPicker({
颜色：col，
onShow：函数（colpkr）{
美元（colpkr）.fadeIn（500）；
返回false；
},
onHide:function（colpkr）{
$（colpkr）.淡出（500）；
$.cookie（'color'，col，{expires:7}）；
更新OkieInfo（col）；
返回false；
},
onChange：函数（hsb、十六进制、rgb）{
col=十六进制；
$（'body'）.css（'backgroundColor'，'#'+hex）；
$（“#颜色选择器div”）.css（“背景色”，“#”+c）；
}
});
});

我也花了几个小时试图解决这个问题，最后我放弃了，决定使用

它不像eyecon的那样花哨，但对我来说效果很好——我需要在一个页面上使用15种不同的颜色选择器——至少网站上有一个文档，其中很少有样本

所以我知道它并不能真正回答你的问题，但它应该能解决你试图解决的问题