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

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

1 个答案: