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