jQuery Color Picker插件不起作用

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