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);
        }
    });
}