анимация сброса слайдера пользовательского интерфейса jQuery

Question

Попытка создать ползунок, который будет скользить назад к началу , если он не перетаскивается до конца ... вот что не работает:

$("#slider").slider({
    animate: true,
    change: function(event, ui) {
        if ($(this).slider('value') < 100) {
            $(this).slider('value', 0);
        }
    }   
});

Ползунок перемещается назад, но мгновенно без анимации.

Answer 1

Вот, пожалуйста:

$("#slider").slider({
    animate: true,
    stop: function(event, ui) {
        if(ui.value < 100) {
            setTimeout(function() {
                $("#slider").slider("value", 0);
            }, 100);
        }
    }   
});

Этот скрипт также показывает пример: http://jsfiddle.net/chrisabrams/2xkvy/1/

Answer 2

В jquery ui 1.8.18 вам придется вызывать его асинхронно:

$("#slider").slider({
   animate: true,
   stop: function(event, ui) {
     if($(this).slider('value') < 100) {
      setTimeout(function(){
         $("#slider").slider('value', 0);
      },1);
    }
  }   
});