$.when() array of deferreds

Question

I need to pass a variable amount of deferred functions to $.when so they need to be packed in an array. I have tried what this and this suggests, but the done action is not being performed after all the deferred functions are done. Not even when there's just one in the array.

This is my actual try:

function loadAllGames(update_games, update_playoffs) {
    var deferredLoads = [];
    if (update_games !== false)
        deferredLoads.push($.Deferred(loadGames));

    if (update_playoffs !== false)
        deferredLoads.push($.Deferred(loadPlayoffs));

    $.when.apply($, deferredLoads).done(loadPostGamesLoadData());
}

I am console logging something in loadPostGamesLoadData and I can see what's being logged way before the games have been loaded.

So what's the actual way to do this? How can I have a variable set of deferred functions be called and then perform an action when all of them are done?

Answer 1

You're calling loadPostGamesLoadData, not referencing it

$.when.apply($, deferredLoads).done(loadPostGamesLoadData);

Otherwise it looks fine, assuming loadGames and loadPlayoffs are functions that resolve or reject the Deferred.

Answer 2

remove the () in the done callback:

.done(loadPostGamesLoadData);

Your problem is that you are calling the method instead of having a reference of it.