Question

嘿所有人。我已经将jQuery colorPicker添加到我的网页中，并且我正在尝试实现它的第四个示例。你可以在这个页面找到它。

http://www.eyecon.ro/colorpicker/#about

实施后，除了colorPicker中添加的选项外，一切正常。我不能改变标准颜色和onShow，onHide＆amp; 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>

google.load（“jquery”，“1.4.2”）; google.load（“swfobject”，“2.2”）; swfobject.embedSWF（“signaturetool.swf”，“tool”，“490”，“700”，“9.0.0”，“expressInstall.swf”，null，{allowScriptAccess：“always”，align：“middle”}， {id：“signaturetool”，name：“signaturetool”}）; - ＆GT;

<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>

我尝试过jQuery 1.3.2和jQuery 1.4.2。我也试过删除swfobject一段时间和其他css选项。这一切似乎都失败了，为什么？

Answer 1

对于onChange方法，它会尝试将样式规则应用于$('#colorSelector div')，这在您的html中不存在。

对于其他方法，我猜他们仍然会开火，只是你感觉不到。

Answer 2

正确的设置在layout.js文件中，这就是它没有对index.php文件做出响应的原因。当我在layout.js中应用我的函数时，一切正常。

jQuery颜色选择器on-functions失败

2 个答案: