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

Question

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

$('.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函数没有选择选择器单击的$(this)，而是更改颜色选择器ui本身的颜色。

如何引用实际值，同时仍将其动态保存到页面上的任何颜色选择器？

使用的插件是http://www.eyecon.ro/colorpicker/

谢谢你，沃伦

Answer 1

• DEMO: http://so.devilmaycode.it/jquery-colour-picker-dynamic-selector

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