jquery - 我需要通过jquery自动触发ajax选择颜色

Question

我正在使用jPicker ，因为我需要一个支持“无颜色”或“透明”的颜色选择器。如果您有更好的选择器插件，请告诉我。

无论如何，问题是，一旦有人选择了一种颜色，我就需要关闭 jPicker 窗口并使用该颜色值触发 ajax 调用。

我尝试过:

$('#fColor').jPicker({window:{expandable:true,liveUpdate:false}});
$('#fColor').change(function(){
    $(".jPicker.Container").slideUp(200);
    buildImg();
});

但是 jPicker 没有关闭颜色选择，即使我将 liveUpdate 设置为 false，更新似乎仍在工作。并且ajax函数也没有被触发。有什么想法吗？

Answer 1

您可以使用以下代码来监听jpicker更改事件并获取它的值。此示例在 jpicker 中给出。页。

 $('#Callbacks').jPicker(
    {},
    function(color, context)
    {
      var all = color.val('all');
      buildImg(all && '#' + all.hex || 'transparent'); //ajax call here
      $('#fColor').jPicker().hide(); // hide jpicker
    }
 );

并使用jquery manual page定义您的ajax调用详细信息。这是一个示例:

function buildImg(_color) {
    $.post("test.php", { color: _color} );
}