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

Question

我正在开发一个动态加载HTML和HTML的部分的小部件。 JS代码＆amp;用户与窗口小部件交互时按需文件。

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

我已经尝试了以下两种jQuery方法，但两种方法都不一致：

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

我需要确保加载了代码所依赖的所有项目，“我的代码”块是执行的，它只需要执行一次。

我在这里做错了什么想法？

Answer 1

$.when(

  // one or multiple ajax requests 

).then(function() {

  // After the ajax request is done

});