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 -->  });