Таким образом, проблема заключалась в том, что я пытался подсчитать сумму по всем числам, но данные от асинхронных вызовов ajax еще не вернулись. Мне нужно было завершить эту функцию в несколько функций, чтобы иметь возможность повторно использовать код. Моя внешняя функция ждет данных, прежде чем я пойду и сделаю кое-что с полностью обновленным DOM.
адуманный пример того, что происходит: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() похоже, не знает, как обрабатывать массив отложенных объектов. "Все сделано!" происходит сначала, потому что массив не является отложенным объектом, поэтому jQuery идет дальше и предполагает, что это только что сделано.
Я знаю, что можно передать объекты в функцию, как$.when(deferred1, deferred2, ..., deferredX) но неизвестно, сколько отложенных объектов будет при выполнении в реальной задаче, которую я пытаюсь решить.