如何使用jQuery动态地在元素上添加单击侦听器来添加html？

Question

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

然而，问题是这个 - 我添加的新html有一个ID为id1的按钮。我尝试调用的脚本在执行此操作时不会被调用 -

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

这可能会发生，因为我在document.ready（）中写了这个，并且在文档准备就绪时，不存在标识为id1的元素。我该如何缓解这个问题？

Answer 1

委托事件.Here on用于附加事件处理函数

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