当使用延迟解析（）和when（）时传递参数

Question

我正在开发一个闪存卡网页，并且我想知道预加载的图像何时加载或遇到错误。一旦我掌握了每张图片的状态，我会采取一些行动。

我基础上的计算器后Wait for image to be loaded before going on

function loadSprite(src) { 
    var deferred = $.Deferred(); 
    var sprite = new Image(); 
    sprite.onload = function() { 
     deferred.resolve(); 
    }; 
    sprite.src = src; 
    return deferred.promise(); 
} 

我的代码和功能加载精灵

var loaders = []; 
loaders.push(loadSprite('1.png')); 
loaders.push(loadSprite('2.png')); 
loaders.push(loadSprite('3.png')); 
$.when.apply(null, loaders).done(function() { 
// callback when everything was loaded 
}); 

我已经修改了loadSprite决心返回状态的结果：

deferred.resolve("STATUS RESULT"); 

和

$.when.apply(null, loaders).done(function("STATUS RESULT") { 
    // callback when everything was loaded 
    //Do something with "STATUS RESULT" 
}); 

的问题是，我不能分离出“状态结果”为loaders.push(loadSprite(file to load));每个呼叫也就是说我只得到一个变量回不是一个为loadSprite

每个呼叫我没想到我的上述代码去工作，这更多的是向我自己证明我可以回传。

我无法解决这个问题，感谢所有的帮助。谢谢，

Answer 1

其实，它按预期工作。你可以调整你的创作者方法有点像

function loadSprite(src) { 
    return $.Deferred(function(promise) { 
     var sprite = new Image(); 

     sprite.onload = promise.resolve.bind(null, "status result"); 
     sprite.src = src; 
    }).promise(); 
} 

现在，当你把一些承诺对象到一个数组中，并在该

loaders.push(loadSprite('1.png')); 
loaders.push(loadSprite('2.png')); 
loaders.push(loadSprite('3.png')); 

各status result适用.when()，将上市参数对象来自.done()处理程序。所以

$.when.apply(null, loaders).done(function() { 
    console.log(arguments[ 0 ]); // status result 
    console.log(arguments[ 1 ]); // status result 
    // etc 
}); 

另外，请记住，.when()的.done handler，将只有火，如果所有承诺的对象，其中解决成功。这反过来意味着，如果你的某张图片由于某种原因无法加载，它的承诺永远不会达到resolved状态，因此，你的.when()处理程序永远不会触发。