Jquery按钮没有'；添加到DOM后不会触发

“我的页面”有一个按钮，单击该按钮时，将在该页面上创建另一个按钮，单击该按钮时将触发警报框。尽管如此，DOM似乎忽略了点击事件。有人能解释一下吗？谢谢

<div class="myDiv"></div>

---

jsIDLE:

您需要事件委派来将事件附加到动态添加的元素

$(".myDiv").on('click','#btnAfter', function(){
  alert("test");
});

---

将事件附加到动态添加的元素需要事件委派

$(".myDiv").on('click','#btnAfter', function(){
  alert("test");
});

创建jQuery对象时，尝试使用添加

单击
事件，
.add（）


$（“#btnSub”）。在（“单击”，函数（）{
变量按钮=$（“”{
id:“btnAfter”，
html：“在按钮之后”，
关于：{
“单击”：函数（）{
警报（“测试”）；
}
}
});
$（“这将附加到myDiv

”）
.添加（按钮）
.附录（“.myDiv”）；
$（“#btnSub”）.remove（）；
});



点击我
创建jQuery对象时，尝试使用添加
单击
事件，
.add（）


$（“#btnSub”）。在（“单击”，函数（）{
变量按钮=$（“”{
id:“btnAfter”，
html：“在按钮之后”，
关于：{
“单击”：函数（）{
警报（“测试”）；
}
}
});
$（“这将附加到myDiv

”）
.添加（按钮）
.附录（“.myDiv”）；
$（“#btnSub”）.remove（）；
});



点击我这是因为添加事件处理程序时按钮
#btnAfter
不存在

在这种情况下，您应该使用委托事件处理程序。将事件处理程序放在现有父级（
'.myDiv'
）上，并提供一个选择器作为第二个参数（
'\btnAfter'
）

在你的小提琴上试试这个：

$(".myDiv").on('click','#btnAfter', function(){
   alert("test");
});

这是因为添加事件处理程序时，按钮
#btnAfter
不存在

在这种情况下，您应该使用委托事件处理程序。将事件处理程序放在现有父级（
'.myDiv'
）上，并提供一个选择器作为第二个参数（
'\btnAfter'
）

在你的小提琴上试试这个：

$(".myDiv").on('click','#btnAfter', function(){
   alert("test");
});