jquery - document.ready で jQuery を使用して要素を追加し、新しく追加された要素に変更を加える

Question

以下を使用して要素を追加する場合:

jQuery(document).ready(function($){
   // append new div somewhere
}

新しく作成された div (ドキュメントの準備ができた後) がクリックされたかどうかを確認するにはどうすればよいですか? これはうまくいかないようです：

   jQuery(document).ready(function($){
       // append new div somewhere with "test" class
     $(".test").click( function(){
           // do things
      });

    }

Answer 1

ここではメソッド「on」を使用する必要があります。イベントを既存の要素と、後で追加できる要素に関連付けます。ドキュメントを確認することもできます: http://api.jquery.com/on/

このコードはあなたの問題を解決するはずです:

$(document).on('click', '.class-of-newly-added-element', function(e) {
  // your code here
});