Javascript 函数上的jQuery颜色选择器失败

大家好。我已经将jQuery colorPicker添加到我的网页中，我正在尝试实现它的第四个示例。你可以在这一页上找到它

在我的实现之后，除了在colorPicker中添加的选项之外，其他一切都正常工作。我无法更改标准颜色，onShow、onHide和onChange从不开火

有人知道为什么吗

这是我的密码：

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

}))

下面是实现的其余代码：

<div class="settings-color"><div id="colorSelector"></div></div>

添加的脚本：

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

load（“jquery”，“1.4.2”）； 加载（“swfobject”，“2.2”）； 嵌入swf（“signaturetool.swf”、“tool”、“490”、“700”、“9.0.0”、“expressInstall.swf”、null、{allowScriptAccess:“always”、align:“middle”}、{id:“signaturetool”、name:“signaturetool”}）； -->

---

我已经试过jQuery1.3.2和jQuery1.4.2。我也尝试过删除swfobject和其他css选项。这一切似乎都失败了，为什么？

对于onChange方法，它尝试将样式规则应用于html中不存在的

$（“#colorSelector div”）

---

对于其他方法，我想它们仍然会激发，只是你感觉不到而已。

正确的设置在layout.js-file中，这就是为什么它在index.php-file中没有响应。当我在layout.js中应用我的函数时，一切都正常。

#colorSelector div由包含的javascript文件追加，因此div存在。我已经测试过了，如果我放置警报（“hello world”），它根本不会启动；但脚本也不会将div追加到#colorSelector div中。这里的主要问题是：/

<script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/layout.js?ver=1.0.2"></script>