javascript - jQuery 选择器适用于 Javascript 代码之后出现的选择器吗？

Question

这个问题已经有答案了:

Events triggered by dynamically generated element are not captured by event handler (5 个回答)

已关闭 8 年前。

我有 Javascript 代码，应该在点击时执行一些操作，但它没有执行任何操作。它本质上是一个滑入 Pane 上的按钮。当我单击该按钮时，我期望会发生一些事情。不过，当 AJAX 调用完成时，就会填充此按钮，因为 AJAX 调用正在获取一些包含该按钮的 HTML。

这是我设置按钮的代码:

$("#btn-delete-setup").on("click", function() {
  console.log("clicked");
    _deleteFunction();
    //return false;
});

因为 Javascript 是在 AJAX 调用渲染该 Pane 和按钮之前加载的，这是否意味着该按钮不会响应我的 .on("click")代码？我的按钮没有响应是因为 JavaScript 加载时没有找到要绑定(bind)的按钮吗？

Answer 1

因此，您的问题的答案是:不，如果在加载脚本后附加元素(例如在文档准备就绪时)，则此代码将不起作用。

但是你可以使用 jQuery 轻松实现这一点:) :

$(document).on("click","#btn-delete-setup", function() {
    console.log("clicked");
    _deleteFunction();
    //return false;
});

这篇文章为您提供了完整的解决方案(重复):Using jQuery 'click' function that was loaded with Ajax content?