jquery-ui - 如何在模糊时隐藏 jQuery UI 滑块？

Question

我有一个图像，它在单击时打开jQuery UI Slider div，并允许用户通过拖动句柄来设置一个值。我现在要做的是在用户单击页面上的其他任何位置时隐藏该句柄，但常规.blur事件似乎不起作用。

$("#openPriceToSliderGif").click(function(){
        $("#slider-vertical").show();
        $("#slider-vertical").focus();
    });
    $("#slider-vertical").blur(function () {
         $("#slider-vertical").hide();
    });

Answer 1

可能您在定义全局 onclick 处理程序时会有更好的运气，并且您需要检查事件源是否不是您的滑块。如果没有 - 做你的魔术。

基本上 - 如果您的微调器不包含文本字段或链接等元素，它将不支持焦点/模糊

Answer 2

好的，这就是我为完成这项工作而拼凑起来的。感谢 DroidIn.net 为您提供帮助。

$(document).bind("click", function(e){
      if(e.target.id != "openPriceToSliderGif")
        $("#slider-vertical").hide();
      return false;
    });

    $("#openPriceToSliderGif").click(function(){
        $("#slider-vertical").toggle();
    });