javascript - 如何使用 jQuery 动态添加 html，并在元素上添加点击监听器？

Question

当用户单击按钮时，我需要向页面添加表单。我正在制作该 html 的字符串，然后使用 jQuery 将其添加到 div 中。 (我在某处读到这不是最好的方法，所以请告诉我一个替代方法)。

但是，问题是这样的 - 我添加的新 html 有一个 id 为 id1 的按钮。当我这样做时，我尝试调用的脚本不会被调用-

$(document).ready(function(){
$("#id1").click(function(){
    alert("hi");
});

这可能会发生，因为我已经在 document.ready() 中编写了此内容，并且当文档准备好时，没有 id id1 的元素存在。我怎样才能缓解这个问题？

Answer 1

委托(delegate)事件。此处 on用于附加事件处理函数

$("body").on("click","#id1",function(){
    alert("hi");
});