在jquery done（）之前執行的代碼when（）

Question

爲什麼在done()語句下的代碼在when()下調用的其他3函數之前執行？它立即開始。我想，當被用來排隊的功能和做的是使用時，當代碼是，好了，做執行的東西......

$(document).on('click', '.ajax', function() { 
    $.when(func1('<p>first</p>'), func2('<p>second</p>'), func3('<p>third</p>')).done(function() { 
     $('body').append('all done'); 
    }); 
}); 

function func1(first) { 

    var t = setTimeout(function() { 
     $('body').append(first); 
    }, 800); 
    return "success"; 

} 

function func2(second) { 

    var t = setTimeout(function() { 
     $('body').append(second); 
    }, 2700); 
    return "success"; 
} 

function func3(third) { 

    var t = setTimeout(function() { 
     $('body').append(third); 
    }, 200); 
    return "success"; 
}​ 

http://jsfiddle.net/loren_hibbard/NhAFN/

Answer 1

您需要使用$ .Deferred（）和回諾。

function func1(first) { 
    var dfd = $.Deferred(); 

    var t = setTimeout(function() { 
     $('body').append(first); 
     dfd.resolve(); 
    }, 800); 
    return dfd.promise(); 

} 

http://jsfiddle.net/NhAFN/2/