1,977 views

この記事は最終更新から 750日 が経過しています。

1. 問題発生

JavaScriptで動的にボタンを生成した。

すると…
生成したボタンに対する以下の処理が実行されなかった。

$('#btn').on('click', function(){
    // 処理を記述
});

2. 対策してみたが…

以下の書き方に変えたら実行された。

$(document).on("click", "#btn", function(){
    // 処理を記述
});

3. 所感

・Ajaxを使って要素を追加した場合にしばしばはまる…

4. 参考情報

有用な情報をありがとうございます。m(_ _)m
https://qiita.com/ayies128/items/5d044bc08b9308767f4c
https://www.sejuku.net/blog/38774

5. 関連情報

(32) 【JQuery】 document.readyでページ表示時に処理を起動