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

Question

У меня есть изображение, которое при нажатии открывает элемент jQuery UI Slider и позволяет пользователям устанавливать значение, перетаскивая ручку. Сейчас я пытаюсь скрыть этот дескриптор, когда пользователь щелкает где-либо еще на странице, но обычное событие .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();
    });