gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 05:50:58 28 4
gpt4 key购买 nike

我正在使用 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>

最佳答案

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

它不像 eyecon 那样花哨,但对我来说效果很好 - 我需要在一页上有 15 种不同的颜色选择器 - 并且至少网站上有一份包含一些示例的文档。

所以我知道它并不能真正回答您的问题,但它应该可以解决您想要解决的问题。

关于javascript - 如何使用 cookie 添加 jquery 颜色选择器的多个实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22477160/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com