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

我正在尝试编写代码，如果加载了文件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 -->
    });
});

基本上，我会列出要等待加载的所有文件，并在完成后列出动画脚本。

非常感谢您的帮助!

最佳答案

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

关于jQuery-加载多个文件，然后触发一个事件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20596516/