javascript - 使用 JQuery ajax 在 DOM 操作后附加事件

Question

如何在使用 ajax 响应操作 dom 后附加所有事件。我有一个 ajax 请求，它得到一个基本上是 html 片段的 html 响应。该片段 HTML 有很多按钮。我想刷新 dom，以便将之前声明和附加的事件也应用到该片段中。我不想继续使用 jquery on() 为每个按钮添加每个事件。还有什么办法呢？

Answer 1

您可以使用提前设置的委托(delegate)事件处理，并且可以应用于新添加的 DOM 元素。委托(delegate)事件处理是通过 .on() 完成的，通常采用以下形式:

$("static parent selector").on('click', 'selector for dynamic element', fn);

没有干净的方法可以再次运行您的事件安装代码并让它只应用于新添加的 DOM 元素。您必须将该代码放在一个函数中并对其进行编码，使其永远不会多次添加事件处理程序，然后您可以在将项目添加到 DOM 后再次调用该函数。或者，您可以让该函数接受父对象的参数，并只在新添加的 DOM 层次结构中添加事件处理程序。

这是关于委托(delegate)事件处理的另一个相关答案:Does jQuery.on() work for elements that are added after the event handler is created?