javascript - 如何在所有 AJAX 加载元素和代码完全加载后执行代码？

Question

我正在开发一个小部件，它可以在用户与小部件交互时按需动态加载一些 HTML 和 JS 代码和文件。

我遇到了一些代码/文件在依赖于它的下一段代码执行之前没有完全加载的问题。这会导致 jQuery 对话框和 HTML 代码块中缺少按钮，这些按钮永远不会显示，因为显示它们的 JS 在准备就绪之前执行。

我已经尝试了以下两种 jQuery 方法，但都无法始终如一地工作:

$("#dynamic1, script[name$='/forms.js']").ready(function () {/* my code*/});
$("#dynamic1, script[name$='/forms.js']").load(function () {/* my code*/});

我需要确保代码依赖的所有项目都已加载“我的代码” block 正在执行并且它只需要执行一次。

知道我在这里做错了什么吗？

Answer 1

$.when(

  // one or multiple ajax requests 

).then(function() {

  // After the ajax request is done

});