farbtastic PlugIn回调函数

Question

我只是设置一个带有颜色选择器的网页.我选择了farbtastic.

我的问题是,回调函数不起作用.这是我使用的代码:

$('#colorPicker1').farbtastic('#background-color', function callback() { 
    /*commands*/
});

当用户选择颜色时,不调用回调函数.

怎么解决这个？

Answer 1

你的帖子很旧,我知道但以防万一:

var picker = $.farbtastic('#colorPicker1');  //picker variable
picker.setColor("#b6b6ff"); //set initial color
picker.linkTo(onColorChange); //link to callback

function onColorChange(color) {
  dosomeStuff();
}

Answer 2

farbtastic就像你做的那样

$('selector').farbtastic(...)

等待只有一个可选参数.这可以是DOM节点,jQuery对象,jQuery选择器或函数.所以你应该调用这个函数,如下所示

$('#colorPicker1').farbtastic(function(color){
   // commands
});

如果你想使用#background-color元素,你应该在回调体中使用它

$('#colorPicker1').farbtastic(function(color){
   $('#background-color').css({'background-color':color});
   // commands
});