Javascript 更新颜色选择器调色板中的新颜色

我安装了一个jQuery插件颜色选择器：colpick.js，我不知道如何 在调色板中为圆圈图标设置新颜色（刷新页面后，元素的背景发生了更改，但调色板中的圆圈图标仍处于默认颜色区域

颜色：'003a7d

。它未更新。）（但是，颜色选择器和cookie工作正常。）

这是我的代码： html:

JS:

之前（我选择了一种新颜色，并且“主体”背景色已更改）：

刷新页面后：（主体背景颜色已更改，但调色板中的圆形图标和颜色处于默认颜色区域）

如何添加此选项并在调色板中为圆形图标设置新颜色

对不起我的英语。

---

谢谢

您正在硬编码颜色选择器的默认值。您应该将cookie值拉入一个变量，并使用该变量设置背景和颜色选择器颜色

var currColor = $.cookie('body_color') || '#003a7d'; 
$('body,.livebgchanger ul li a').css('background-color', currColor);          
$('#picker').colpick({
    flat: true,
    submit: 0,
    layout: 'full',
    color: currColor.substring(1), //skip the #
    onChange: function(hsb, hex, rgb, el) {
        $('body,.livebgchanger ul li a').css('background-color', '#' + hex);
        $.cookie('body_color', '#' + hex, {
            expires: 365
        });
    }
});

var currColor = $.cookie('body_color') || '#003a7d'; 
$('body,.livebgchanger ul li a').css('background-color', currColor);          
$('#picker').colpick({
    flat: true,
    submit: 0,
    layout: 'full',
    color: currColor.substring(1), //skip the #
    onChange: function(hsb, hex, rgb, el) {
        $('body,.livebgchanger ul li a').css('background-color', '#' + hex);
        $.cookie('body_color', '#' + hex, {
            expires: 365
        });
    }
});