javascript - Jquery delegate() 已弃用，那么如何监听动态创建对象事件

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 6 年前。

Jquery delegate() 已弃用，那么如何监听动态创建对象事件

例如

$(document).ready(function() {
  $(document).find("p").on("click", function(event) {
    $("#contain").append("<p>Click this paragraph </p>" + event.timeStamp);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Click this paragraph.</p>
<div id="contain"></div>

这里包含>p点击事件没有发生on事件委托(delegate)正在工作有什么想法可以代替 delegate() 或 live() 吗？

Answer 1

您使用了错误的语法，正确的语法是:

.on( events [, selector ] [, data ], handler )

这使得你的代码:

$(document).on("click","p", function(event) {
  $("#contain").append("<p>Click this paragraph </p>" + event.timeStamp);
});