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

我想做到这一点：

单击jQuery滑块句柄时显示选择器

选择器将显示在滑块当前位置附近

单击除滑块控制柄以外的任何对象时隐藏选择器 我想用这个。 我自己试过了。我成功地显示了颜色选择器，但未能隐藏它 我的代码如下：

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

---

这里是插件的作者

---

以下是我认为您正在寻找的工作示例：。您的问题可能是由早期版本的问题引起的，但是如果您仍然有问题，并且可以在JSFIDLE上发布测试用例，我们应该能够解决这个问题。

在这段代码中，只有当滑块手柄移动到另一个位置时，才会显示colorpicker。如果你在手柄中间点击右键，从而保持手柄不动，拾取器就不会出现。是的，我不太确定你要的是什么。这个例子可能更像你所问的：这很好用。。。把永久性的小盒子藏在pickerI旁边怎么样我在这个问题上找到了答案。。谢谢……）-