javascript - 将事件附加到使用 jQuery 动态添加的元素

Question

这是我的代码:

$("#strong-against .pick .data .actions .btn-success").on("click", function () {
    //Magic here.
});

我读到应该使用 .on()，因为即使在文档加载完成后，它也会动态地将事件附加到添加的项目上。

但是，在我动态加载这些项目后，该事件并未被触发。如何才能让我在文档加载后添加的任何项目都被监听？

Answer 1

尝试，

$(document).on("click", "#strong-against .pick .data .actions .btn-success", function () {
    //Magic here.
});

按照 2 个步骤为动态元素绑定(bind)事件处理程序，

1. 查找要动态添加该元素的最接近的父元素。
2. 使用动态元素选择器作为第二个参数将处理程序绑定(bind)到父元素。

因此，如果页面加载时存在#strong-against，那么您就可以，

 $("#strong-against").on("click", ".pick .data .actions .btn-success", function () {
    //Magic here.
 });