如何显示/隐藏附加到 jQuery 滑块句柄的颜色选择器

Question

我想实现这个：

1. 在单击 jQuery 滑块句柄时显示选择器
2. 选择器将显示在滑块的当前位置附近
3. 在单击滑块手柄以外的任何内容时隐藏选择器 我想用这个colorpicker。 我自己试过了。我成功地显示了颜色选择器，但未能隐藏它。

我的代码如下：

$(".ui-slider-handle").click(function(e){
    $("#colorpickerDiv").css({"left":e.pageX,"top":e.pageY});
    $("#colorpickerDiv").spectrum("show");
});
$("body").click(function(){
    $("#colorpickerDiv").spectrum("hide");
});

Answer 1

插件的作者在这里。

这是我认为您正在寻找的工作示例：http://jsfiddle.net/bgrins/FLBQW/。您的问题可能是由早期版本的问题引起的，但是如果您仍然遇到问题并且可以在 jsFiddle 上发布测试用例，我们应该能够解决。