Javascript jQuery颜色选择器-动态选择器

嘿，伙计们，基本上我想做的是使用我的页面上所有颜色选择器的一个实例。我使用的代码是这样的

$('.color').ColorPicker({ 
        color: '#0000ff',
    onShow: function (colpkr) { $(colpkr).fadeIn(500); return false; },
    onHide: function (colpkr) { $(colpkr).fadeOut(500); return false; },
    onChange: function () { $(this).css('backgroundColor', '#' + hex);}
});

但问题是，onChange函数不会在选择器单击时选择$（此），而是更改颜色选择器ui本身的颜色

如何在保持页面上任何颜色选择器的动态性的同时引用实际值

我使用的插件是

谢谢， 沃伦

• 演示：

---

你试过背景色吗？>顺便说一句，

hex

看起来有点奇怪：）和

未定义的
可能是结果。如果我通过附加的类引用选择器，一切都可以正常工作，但是它会更改所有同名类上选择框上的颜色。我希望它只更改所选的框。请看演示。它现在可以正常工作了。当它尝试加载colorpicker.*文件时，我收到403个错误
$(function() {
  $('.color').ColorPicker({
  color: '#0000ff',
  onShow: function (colpkr) { $(colpkr).fadeIn(500); return false; },
  onHide: function (colpkr) { $(colpkr).fadeOut(500); return false; },
  onSubmit: function(hsb, hex, rgb, el) {
    $(el).val(hex);
    $(el).ColorPickerHide();
    $(el).css('backgroundColor', '#' +hex);
  }});  
});