回調動畫做

Question

Code

我需要幫助做回調裏面do_animations所有animate方法完成之後。對於一個animate我可以撥打電話promise和done功能。我嘗試使用$.Callbacs，但我不知道如何從fire方法承諾對象。

function random_num(a, b) { 
    return Math.floor(Math.random() * (b - a + 1)) + a; 
} 

function do_animations() { 
    var n = random_num(1, 5); 
    for (var i = 0; i < n; i++) { 
     var width = random_num(-50, 50); 
     $('#rec').animate({'left': '+=' + width + 'px'}, 300); 
    } 
} 

$(document).ready(function(){ 
    do_animations(); 
}); 

最好的解決辦法是

do_animations().done(function(){ ... }); 

Answer 1

使用承諾（）：

DEMO

function do_animations() { 
    var n = random_num(1, 5), 
     $rec = $('#rec'); 
    for (var i = 0; i < n; i++) { 
     var width = random_num(-50, 50); 
     $rec.animate({'left': '+=' + width + 'px'}, 300); 
    } 
    return $rec.promise(); 
} 

$(document).ready(function(){ 
    do_animations().done(function(){ alert("All animations done!") }); 
});