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 手册页定义您的 ajax 调用详细信息。这是一个示例：

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