すべてのAJAX読み込み要素とコードが完全に読み込まれた後にコードを実行するには？

Question

ユーザーがウィジェットとやりとりするときに、オンデマンドでファイル& JSコード&のビットとピースを動的に読み込むウィジェットを開発しています。

私はいくつかのコード/ファイルが次のコードが実行される前に完全にロードされていないという問題に遭遇しています。これにより、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 

});