Mettre à jour une nouvelle couleur dans la palette de sélecteur de couleurs - javascript

J'ai installé un plugin jQuery Sélecteur de couleurs: colpick.js et je ne sais pas comment définir la nouvelle couleur pour l'icône de cercle dans la palette de couleurs (après avoir actualisé la page, l'élément "s bg est modifié mais l'icône de cercle dans la palette est toujours dans la zone de couleur par défaut color:"003a7d .il n’est pas mis à jour.) (Cependant, le sélecteur de couleur et le cookie fonctionnent bien.)

Ceci est mon code: html:

<div id="picker"></div>

JS:

    if($.cookie("body_color")) {
$("body,.livebgchanger ul li a").css("background-color", $.cookie("body_color"));
}
else {
$("body,.livebgchanger ul li a").css("background-color", "#003a7d");
}
$("#picker").colpick({
flat:true,
submit:0,
layout:"full",
color:"003a7d", //default color
onChange:function(hsb,hex,rgb,el){
$("body,.livebgchanger ul li a").css("background-color", "#" + hex);
$.cookie("body_color", "#" + hex, { expires: 365 });
}
});

Avant (je choisis une nouvelle couleur et la couleur de fond "body" a changé): cliquez pour voir l'image

Après l'actualisation de la page: (la couleur de fond du corps a été modifiée, mais l'icône de cercle et la couleur de la palette sont dans la zone de couleur par défaut) entrez la description du lien ici

Comment puis-je ajouter cette option et définir une nouvelle couleur pour l'icône de cercle dans la palette?

Désolé pour mon anglais. Merci

Réponses:

Vous codez en dur la valeur par défaut du sélecteur de couleurs. Vous devez extraire la valeur du cookie dans une variable et l’utiliser pour définir les couleurs de l’arrière-plan et du sélecteur de couleurs.

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
});
}
});