JQuery Color Picker - динамический селектор

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) в качестве нажатого селектора, но изменяетцвет самого пользовательского интерфейса палитры цветов.

Как связать фактическое значение, сохраняя его динамический, с любым селектором цвета на странице?

Используемый им плагин - http://www.eyecon.ro/colorpicker/

Спасибо, Уоррен

Answer 1

• ДЕМО: 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);
  }});  
});