我搜索了一个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);
});
答案 0 :(得分:5)
根据您在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脚本的末尾