jQuery 插件 : Colorpicker

Question

大家好，我正在使用这个颜色选择器( http://www.eyecon.ro/colorpicker )并 try catch 十六进制值，以便我可以在服务器端使用它来存储所选的颜色。如果您查看提供的链接，我正在使用最后一个选项:

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

我的问题是我似乎无法从中获取十六进制值...我尝试简单地调用输入的名称来获取其值，但它不起作用(当您单击以让颜色选择器消失，输入更改为“style =“display:none;””，所以我无法从中获取任何内容。然后，我尝试使用一些简单的 jQuery 调用来提取该值，但什么也没得到...

请帮忙......

Answer 1

首先欢迎来到 Stack Overflow!

onChange 事件应该会给你答案。

// initial colour value
var currentHex = '#0000ff';

$('#colorSelector').ColorPicker({
    color: currentHex,
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        // every time a new colour is selected, this function is called
        alert(hex); // left for debugging
        currentHex = hex;
    }
});

// The currentHex value should easily be accessible as a vaiable