Как скрыть jQuery UI Slider на размытие?

Question

У меня есть изображение, которое при нажатии открывает div jQuery UI Slider и позволяет пользователям устанавливать значение, перетаскивая ручку. То, что я пытаюсь сделать сейчас, это скрыть эту ручку, когда пользователь нажимает в любом месте на странице, но обычный .blur событие не похоже на работу.

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

Answer 1

Хорошо, это то, что я собрал, чтобы сделать эту работу. Спасибо DroidIn.net за вашу помощь.

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

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

Answer 2

Возможно, вам больше повезет с определением глобального обработчика onclick, и вам нужно проверить, не является ли источник события вашим ползунком. Если нет - твори волшебство.

В основном - если вы не включите элемент, такой как текстовое поле или ссылку, он не будет поддерживать фокус / размытие