jQuery:在包含 load() 的each() 完全完成后执行代码

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
Multiple ajax calls inside a each() function.. then do something once ALL of them are finished?

基本上，我想在每个循环包含 load() 的each() 循环完全完成后运行一个函数。加载每个链接需要一些时间，并且正在等待浏览器跟上，但脚本已经进入下一步。有什么想法吗？

jQuery('#theId a').each(function() { // contains many links
    toLoad = jQuery(this).attr('href');
    jQuery('#containment').load(toLoad, function(response) {
       //do stuff
    });
 });

//... Do stuff after the above is really complete.

Answer 1

尝试这样的事情:

var e = jQuery("#theId a"), l = e.length;
e.each(function() {
    toLoad = this.attr("href"); // I'm fairly sure "this" is already a jQuery object
    jQuery("#containment").load(toLoad, function(response) {
        // do stuff
        l--;
        if( l == 0) {
            // this is the last one - do ending stuff here.
        }
    });
});

如果“this”还不是 jQuery 对象，只需将该行恢复为您拥有的内容即可。