javascript - jQuery 颜色选择器插件不起作用

Question

我安装了 jQuery 插件颜色选择器，但我不知道如何获取选定的颜色，所以我可以更改我的 div 的颜色。我按照插件文档中的说明进行操作，但没有运气。这是我的代码：

<div id="colorpickerHolder"></div>
<div id="colorContainer">Test</div>

ColorpickerHolder 是我用来附加颜色选择器的 div，我制作了第二个 div 只是为了测试颜色选择器。在javascript文件中我有这个：

$('#colorpickerHolder').ColorPicker({
    color: '#0000ff',
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        $('#colorContainer').css('color', '#' + hex);
    }
});

我包含了我在插件文件夹中找到的所有 .js 文件，所以我不知道问题出在哪里。

Answer 1

$(document).ready(function(){
    $('#colorpickerHolder').ColorPicker({
        color: '#0000ff',
        onShow: function (colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function (colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function (hsb, hex, rgb) {
            $('#colorContainer').css('color', '#' + hex);
        }
    });
}