Jquery colpick 颜色选择器插件不工作

Question

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


    });

Answer 1

根据您在 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脚本的末尾