这是正在发生的事情的一个虚构示例:http : //jsfiddle.net/adamjford/YNGcm/20/
HTML:
<a href="#">Click me!</a>
<div></div>
JavaScript:
function getSomeDeferredStuff() {
var deferreds = [];
var i = 1;
for (i = 1; i <= 10; i++) {
var count = i;
deferreds.push(
$.post('/echo/html/', {
html: "<p>Task #" + count + " complete.",
delay: count
}).success(function(data) {
$("div").append(data);
}));
}
return deferreds;
}
$(function() {
$("a").click(function() {
var deferreds = getSomeDeferredStuff();
$.when(deferreds).done(function() {
$("div").append("<p>All done!</p>");
});
});
});
我要“全部完成!” 在所有延迟任务完成后$.when()
出现,但似乎不知道如何处理Deferred对象数组。“全做完了!” 首先发生是因为数组不是Deferred对象,所以jQuery继续进行并假定它已经完成。
我知道有人可以像这样将对象传递给函数,$.when(deferred1, deferred2, ..., deferredX)
但我要解决的实际问题在执行时将有多少个Deferred对象是未知的。
$.when.apply
相同的结果。