我搜索了一个jquery颜色选择器插件,从this链接找到了Colpick插件。
当我试图实现它时,我不知道为什么它不起作用。
我试过在这个jsfiddle上实现它,但仍然不起作用。
我是不是遗漏了什么,或者是我的实现方式有问题,这就是为什么它不起作用?
$('#picker').colpick({
layout:'hex',
submit:0,
colorScheme:'dark',
onChange:function(hsb,hex,rgb,el,bySetColor) {
$(el).css('border-color','#'+hex);
// Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
if(!bySetColor) $(el).val(hex);
}
}).keyup(function(){
$(this).colpickSetColor(this.value);
});
最佳答案
根据您在jsfiddle上的项目,您在定义插件之前调用了它,我更正了您的代码,它工作得很好。见jsfiddle
我刚移动了你的代码:
$('#picker').colpick({
layout:'hex',
submit:0,
colorScheme:'dark',
onChange:function(hsb,hex,rgb,el,bySetColor) {
$(el).css('border-color','#'+hex);
// Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
if(!bySetColor) $(el).val(hex);
}
}).keyup(function(){
$(this).colpickSetColor(this.value);
});
在java脚本的末尾