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 个步骤为动态元素绑定事件处理程序，

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

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

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