Jquery colpick颜色选择器插件无法正常工作

时间:2014-05-15 04:00:38

标签: jquery html css color-picker

我搜索了一个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);


    });

1 个答案:

答案 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脚本的末尾