Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 如何在模糊上隐藏jQuery UI滑块?_Jquery Ui_Slider_Hide_Blur - Fatal编程技术网

Jquery ui 如何在模糊上隐藏jQuery UI滑块?

Jquery ui 如何在模糊上隐藏jQuery UI滑块?,jquery-ui,slider,hide,blur,Jquery Ui,Slider,Hide,Blur,我有一个图像,可以在单击时打开div,并允许用户通过拖动手柄来设置值。我现在要做的是,当用户单击页面上的任何其他位置时隐藏该句柄,但是常规的.blur事件似乎不起作用 $("#openPriceToSliderGif").click(function(){ $("#slider-vertical").show(); $("#slider-vertical").focus(); }); $("#slider-vertical").blur(funct

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

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

在定义全局onclick处理程序时,您可能会有更好的运气,在这里您需要检查事件源是否不是您的滑块。如果没有,那就施展你的魔法吧


基本上-如果微调器不包含文本字段或链接之类的元素,它将不支持聚焦/模糊。好的,这就是我所做的工作。 谢谢你的帮助

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

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

如果我做对了,让我看看。你的意思是,每次我点击页面上的某个地方,就会触发一个函数。在那里我应该隐藏我的滑块,除非在我的gif上点击应该显示我的滑块?我想出了这段代码,但在查找我单击的元素的id时遇到了问题$(这个)。id显然不起作用$(this.document)。单击(函数(){if($(this.id!)=$(“#openPriceToSliderGif”).id)$(“#hiddenPriceTo”).hide()});您应该使用slider.bind(“单击”,函数(e){}),(阅读本页了解详细信息)。现在,匿名函数将有一个e参数,即Event(),它包含各种有用的信息,可以告诉您单击发生的位置。基本上,这种方法意味着“将我绑定到窗口中的任意位置”。顺便说一句,如果在处理完逻辑后不想进行任何进一步的处理,只需从处理函数返回false,谢谢。我试着投票支持你的答案,但我必须至少有15个。稍后将投票;)np-这对你有用吗?事实上,我认为这个问题很好地回答了您应该首先学习的内容:语言或框架:)