【jQuery】Ajaxで追加した要素へ正しくイベントセットする方法 - Qiita

概要 自作ポートフォリオの買い物メモアプリで、Ajaxを用いてメモの投稿機能を非同期処理に書き換えたところ、bootstrap4(modal) & jQueryで実装していた、投稿に対するコメント投稿機能が動かなくなる不具合が発生しハマったため、備忘録のために投稿しました。 結論 私の場合、modalに値を渡す処理を書いていたjQueryのコードを修正したことで改善出来ました。 Ajaxで実装した動的な要素(投稿)に対して、適切なイベントセットが出来ていなかったことが原因です。 変更前 $(".js_comment_btn").on("click",function() { $("#comment_id").val(this.value); }); 変更後 $(document).on("click",".js_count_btn",function() { $("#comment_id"