Farbtastic jQuery颜色选择器回调问题

时间:2011-10-31 13:16:31

标签: javascript jquery

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

我想设置一个回调函数,以便我可以像这样更改bg颜色:

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

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

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

由于

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:3)

我正在尝试这个,工作;)

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

答案 2 :(得分:1)

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

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