動的に追加した要素に対してイベントを設定する方法

cyrus07424cyrus07424
$(function(){
    $("button").on("click", function(e){
        // 何か処理
    });
});

のような記述で要素にイベントを設定しても、ページ読み込み完了後に動的に追加したbutton要素に対してはイベントが設定されない。

動的に追加した要素にもイベントを設定したい場合は、以下のような記述を使用する。

$(function(){
    $(document).on("click", "button", function(e){
        // 何か処理
    });
});