Javascript 附加新div时未触发警报

在这把小提琴上，div“Hello 01”和“Hello 02”在单击时发出警报。当我单击“添加新”时，会添加一个新的div，但当我单击此div时，警报不会触发，即使它使用相同的css样式

如何修改此设置，以便在附加新div时触发警报

来自JSFIDLE的代码，面向子孙后代

JS

$（函数（）{
$（“.myDivs”）。单击（函数（）{
警报（“点击”）；
});
$（“#按钮”）。单击（获取）；
函数get（）{
$（“.connected”）.append（“hello”）；
}
});

HTML

你好01
你好02

​

---

​

您需要委托事件处理程序，因为绑定事件的方式仅将事件绑定到现有DOM

.myDivs

，而不用于将来的DOM

$(".connected").on('click', '.myDivs', function() {
    alert('Clicked');
});

---

有关更多详细信息，请转到

您需要委托事件处理程序，因为绑定事件的方式仅将事件绑定到现有DOM

.myDivs

，而不适用于即将到来的事件

$(".connected").on('click', '.myDivs', function() {
    alert('Clicked');
});

---

有关更多详细信息，请转到

，这是因为您的jQuery正在使用

文档。由于加载时不存在此元素，因此它没有此分配。您需要单独进行此分配。
这是因为您的jQuery正在使用
文档。ready
进行分配。由于加载时不存在此元素，因此它没有此分配。你需要单独做这个作业。
密码悖论给出的答案是有效的。但是我继续更新了您的小提琴，以完全符合最新的jQuery约定


以下是jQuery文档的链接，以了解更多信息：
代码悖论给出的答案是有效的。但是我继续更新了您的小提琴，以完全符合最新的jQuery约定


以下是jQuery文档的链接，以了解更多信息：
可以将此文件放入docready。他只需要确保他使用了适当的jQuery方法（在本例中是
。在（…）
中可以将其放入docready中。他只需要确保他使用了适当的jQuery方法（在本例中是
。在（…）
$(".connected").on('click', '.myDivs', function() {
    alert('Clicked');
});