javascript - JQueryを使用して動的に追加された要素にイベントリスナーを追加しますか?

Question

divjQuery メソッドを使用して要素を動的にonアタッチしましたが、動的に更新される要素にリスナーをアタッチすると機能しませんか?

HTML

<input class="123" type="button" value="button" />
<input class="123" type="button" value="button" />
<div id="footer"></div>

jQuery

$(document).ready(function () {
  $('.onlineUsers').on('click', function () {
      $('#footer').append("<div class=\"chatboxes\"> <div class=\"close\"><a href=\"#\">x</a></div> </div>");
  });

    $('a').on('click', function () {
        alert("hello");
    });
});

Answer 1

.on()を使用する

要素は動的に追加されるため、イベントをそれらに直接バインドすることはできません。そのため、 Event Delegationを使用する必要があります。

$('#footer').on('click','a',function () {
     alert("hello");
});

構文

$( elements ).on( events, selector, data, handler );