jQuery - 加载多个文件，然后触发一个事件

Question

我正在尝试编写代码，如果加载文件 A、B 和 C，则会出现动画。现在我正在使用以下代码，但我想知道是否没有更简单的版本来执行此操作:

$(document).ready(function(){
    $("#file_A").load(function(){
        $("#file_B").load(function(){
            $("#file_C").load(function(){
            <!-- my animation script -->
            });
        });
    });    
});

不过，这段代码并不真正适用于所有情况。我想要一些类似的东西:

$(document).ready(function(){
    $("#file_A, #file_B, #file_C").load(function(){
    <!-- my animation script -->
    });    
});

基本上，我列出了我想要等待加载的所有文件，一旦完成，我就开始我的动画脚本。

非常感谢您提供的任何帮助!

Answer 1

$.when( $("#file_A").load(function(){ <!-- only assignments -->  }),
        $("#file_B").load(function(){ <!-- only assignments -->  }),
        $("#file_C").load(function(){ <!-- only assignments -->  })
).then(function{ <!-- all files loaded -->  
                 <!-- my animation script -->  });