使用动态元素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

您必须使用event delegation

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