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");
});