Farbtastic jQuery 颜色选择器回调问题答案

【问题标题】：Farbtastic jQuery Color Picker Callback IssuesFarbtastic jQuery 颜色选择器回调问题
【发布时间】：2012-12-10 10:05:51
【问题描述】：

我正在尝试使用 Farbtastic:http://acko.net/dev/farbtastic 颜色选择器插件，但我遇到了一些问题。

我想设置一个回调函数，这样我就可以像这样改变背景颜色：

  $('#picker').farbtastic(function(){
    $("body").css("background-color",$.farbtastic('#picker').color);
  });

这工作正常，但这样做，输入字段不再实时更新十六进制值。

如何使输入字段中的十六进制值和正文背景颜色同时更新？

谢谢

【问题讨论】：

标签： javascript jquery

【解决方案1】：

假设输入的id是'color'。这对你有用吗？

$('#picker').farbtastic(function() {
  $("body").css("background-color",$.farbtastic('#picker').color);
  $("#color").val($.farbtastic('#picker').color);});

【讨论】：

完美运行。让我抓狂的总是简单的事情！非常感谢。

【解决方案2】：

我正在尝试这个，成功了；）

$('#picker').farbtastic('#color_picker_input').mouseup(function (){
    $("body").css("background-color",$.farbtastic('#picker').color);      
});

【讨论】：

【解决方案3】：

您可以将颜色作为回调的参数：

$('#colorpicker').farbtastic(function(color){...

【讨论】：