jQueryのコード私は、ページの読み込みにJavaScriptをロードするWebアプリケーションを持っているページのロード

Question

上に存在していなかった要素上で実行されていない：

$(function() { 
    $('.modal-delete').click(function() { 
    alert(); 
    }); 
}); 

私は警告ブランクの一連のボタンを使ってHTMLページを持っていますクリックしたときのメッセージボックス：

<button class="modal-delete btn danger"></button> 

うまくいきます。

しかし、上記のものと同じように多くのボタンを生成するAJAX呼び出しをいくつか持っていますが、ページの読み込みではありません！それらはいつでも作成できます。これらのボタンは何もしませんが、アラートをロードするためのものです。それらは同じですが、ページロード時に決して存在しなかったので、Jqueryコードはこれらのボタンでは機能しません。これらのボタンにも同じコードを添付するにはどうすればよいですか？

感謝:)。

Answer 1

私はjQueryの「生きる（）」関数をしたいと思います：

$('.modal-delete').live('click', function() { 
    alert(); 
}); 

これが一致しても要素に結合します将来新たな要素が追加されたときに再バインドします。

"現在のセレクタと現在および将来の現在のセレクタに一致するすべての要素にイベントハンドラをアタッチする"

Answer 2

変更し、これに準備ができてコード...

$(function() { 
    $("document").on("click", ".modal-delete", function() { 
    alert("click"); 
    }); 
});