jquery - 動的要素 JQuery を操作する

Question

私のコードは動的 div を作成します。私の関数は、これらの動的要素で動作するはずです。

HTML の場合:

<div id="test">

</div>

JQuery では、いくつかの div を作成します。

for ( var i = 0; i < 5; i++ ) {
  $("#test").append("<div class=\"lists\" style=\"width=... height=...\"></div>");
}

その結果、div をクリックすると、アラートが表示されるはずです。しかし、これは起こっていません。

$(".lists").click(function () {
  alert("Hi");
});

Answer 1

イベント委任を使用する必要があります

$("#test").on("click", ".lists", function () {
  alert("Hi");
});