jQuery動畫（） - 完全發射太快

Question

我寫了一個小動畫腳本，從左到右淡化一組條紋。所有動畫完成後，回調函數就會運行。

腳本是在這裏：

http://jsfiddle.net/9zkbu/

它工作正常，但我想爲從右到左的動畫做同樣的：

http://jsfiddle.net/FTrhX/

，你可以看到回調函數在動畫結束之前被觸發:( 我改變的唯一的事情是delay()。我在這裏做錯了什麼？爲什麼在所有動畫之前「完成」運行f inish？

Answer 1

你幾乎在那裏，你確實扭轉了方向，但忘記了回調也解釋了逆轉。這樣做對我的作品：

complete: (i == 0) ? function(){alert('done');} : null 

因爲你，如果你試圖在檢查完整的cols計數的另一個方向 - 1，你會得到它的太早，你需要比0拿到這裏。嘗試這一個：http://jsfiddle.net/FTrhX/8/

Answer 2

我看着你的預覽，我真的很感動！雖然我不明白爲什麼.stop()是需要在第二個功能。

$('.col-' + i).delay(50 * (cols - i)) 

這種方式也行得通，或者我錯過了什麼？