jQuery UI動畫不起作用？

Question

我已經通過很多努力構建了一個帶有jQueryUI的滑塊（請參閱here），但我有一個輕微的問題，<ul>標記不再像過去那樣使用動畫滑動？我想使用手柄，並順利觀看<ul>幻燈片，但沒有我能想到的代碼正在使其工作？有任何想法嗎？測試樣本頁面here。

當我移動手柄或單擊滑塊路徑時，我真的很喜歡的是<ul>移動平穩。

Cheers guys :)

Answer 1

在動畫之前添加停止方法，並用動畫替換幻燈片函數。

$('.handle', container).slider({ 
    ... 
    stop: function (event, ui) { 
     $(".pics").stop().animate({"left" : ui.value * -1}, 500); 
    }, 
    slide: function (event, ui) { 
     $(".pics").stop().animate({"left" : ui.value * -1}, 500); 
    } 
}); 

另請參閱jsfiddle其中我將回調移至一個函數。