jQuery UI的滑塊重置動畫

Question

試圖創建將滑回到開始如果沒有一路之隔把它拖一個滑塊......這裏是行不通：

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

滑塊向後移動，但瞬間沒有動畫。

Answer 1

在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); 
    } 
    } 
}); 

Answer 2

在這裏你去：

$("#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/