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

tasan

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!