jquery - jQueryとAjax:イベントを「アクティブ化」するにはどうすればよいですか?

Question

私は jQuery にかなり慣れていないので、仕事のために、JQuery の無料ライブラリをいくつか取り、それらをハックして必要なものを取得していました。

ページの読み込み時に何かをしなければならない JQuery があるため、私は立ち往生しているので、「古典的な」JQuery ドキュメントの onload メソッドを使用します。

$(document).ready(function(){
....
}

そしてもちろん、そのメソッドはページの最初の実行時に一度「データをロード」します。

これで、Ajax 呼び出しを使用してページとそのコンテンツを変更するコードのスニペットがいくつかできました。したがって、に含まれるコードの JQuery スニペットをready function呼び出して再度実行する必要がありますが、呼び出すことができないため、それは起こりませんready function。

私はこれについてグーグルで検索しようとしましたが、私の小さな経験では、正しい場所を教えてくれませんでした.

では、 Ajax 呼び出しを JQuery に直接移動せずに JQuery 関数を呼び出す「標準的な方法」はありますか?

Answer 1

私がよく理解していれば、関数内でコードをリファクタリングする必要があります。

var codeToBeExecuted = function() {
   /* your code here */
};

したがって、document.ready イベントが発生したら、その関数を次のように呼び出します。

$(document).ready(function(){
   codeToBeExecuted()
}

および ajax 呼び出しを実行するとき (例: を使用deferred objects)

$.when($.get(....)).done(function() {
    codeToBeExecuted()
});

Answer 2

これを試して：

$(document).trigger("ready");