【JQuery】appendで追加した要素でclickイベントが発火しないときの対処法

JQueryでclickイベントがうまく発火しない・・・もしかしてそのクリック対象の要素、appendで追加していませんか？
appendで追加した要素でclickイベントを発火させるには以下のように記述を変更する必要があります。
 

HTML要素

<button class="btn">クリック</button>

JQuery

/* 通常の記述 */
$(function () {
  $('.btn').on('click', function () {
    alert('clicked!!');
  });
});
/* appendで追加した要素向けの記述 */
$(function () {
  $(document).on('click', '.btn', function () {
    alert('clicked!!');
  });
});

Follow me!

投稿者プロフィール

tasan

最新の投稿

• コンテンツ2023.05.26なぜSCSSを使わないのか
• コンテンツ2023.05.23【JQuery】appendで追加した要素でclickイベントが発火しないときの対処法
• コンテンツ2023.05.19ホームページ制作会社に作業を依頼するときの注意点
• Webサイト制作実績2023.05.16ウイングアーク１ｓｔ株式会社様の情報メディア「データのじかん」のサイトリニューアルに協力させていただきました。