如何隐藏jQuery UI的滑块上的模糊？

StackOverflow https://stackoverflow.com/questions/1319215

  •  19-09-2019
  •  | 
  •  

题

我有打开上点击 jQuery UI的滑块格，并允许用户的图像通过拖动手柄设置的值。我试图现在要做的就是隐藏把手，当用户点击其他地方的页面上，但经常.blur事件似乎并没有工作。

$("#openPriceToSliderGif").click(function(){
        $("#slider-vertical").show();
        $("#slider-vertical").focus();
    });
    $("#slider-vertical").blur(function () {
         $("#slider-vertical").hide();
    });
有帮助吗？

解决方案 2

好吧，这是我一直放在一起，使这项工作。 感谢名单DroidIn.net对您有所帮助。

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

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

其他提示

也许你会对如何定义全局onclick处理一个更好的运气，有你需要检查事件的来源是不是你的滑块。如果不是 - 做你的魔术

基本上 - 如果微调器不包括元件，例如文本字段或链接它不支持聚焦/模糊

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top