如何添加多个实例的jquery颜色选择器与cookie
how to add multiple instances of jquery colour picker with cookie
我正在使用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
它不像eyeecon那样花哨,但它对我来说工作得很好-我需要在一个页面上使用15种不同的颜色选择器-至少在网站上有一个文档和一些示例。
所以我知道它并不能真正回答你的问题,但它应该能解决你想要解决的问题。
相关文章:
- 如何动态创建许多Jquery颜色选择器(eyecon)
- jQuery颜色样式交替
- 为什么这个jQuery颜色选择器在引导模式中失败
- 如何在 jquery 颜色选择器中设置数字十六进制颜色
- 减少jQuery颜色动画的加载时间
- 将 jQuery 颜色框颜色发送到其他元素
- jquery颜色选择器插件
- jQuery 颜色选择器插件不起作用
- 在素数中使用 JQuery 颜色选择器的自然界面
- 如何创建一个关闭jQuery颜色框的全局函数
- 如何显示JQuery颜色框
- Instafeed.js和jQuery颜色框
- JQuery颜色选择器在页面加载时显示
- 如何“;“爆发”;JQuery颜色框的
- jQuery颜色动画相对于元素'当前颜色(色调、饱和度、亮度)
- 类似于snapchat的jquery颜色选择器
- Jquery颜色选择器悬停元素
- 绝妙的jQuery颜色选择器回调问题
- jQuery颜色插件没有't触发可选元素
- Jquery颜色变化缓慢