如何显示/隐藏附加到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上发布测试用例，我们应该能够解决它。