javascript - 通过 AJAX 侦听向 DOM 添加的某些元素

Question

我有一个使用大量 AJAX 来显示页面的 Web 应用程序。在我的 javascript 中，我有一个功能可以获取所有具有特定类 ( testClass) 的元素。它对这些类做了很多事情，但这对我的问题来说不是必需的。

目前我的函数在 DOM 准备好并且运行良好时运行。但是，当 AJAX 向浏览器返回一个新页面时，我需要运行我的函数，因为它可能包含带有testClass.

如果添加了某个 DOM 元素，有没有办法可以监听？我基本上需要一种方法来识别 DOM 更改，当这种更改发生时运行我的函数。或者有没有一种方法可以让我通过 class 来监听元素的添加testClass？

如果有帮助，这里是我的代码片段：

execute = function () {
    var found = false;
    $('.testClass').each(function () {
        //bunch of code
    });
}
$(document).ready(function () {
    execute();
});

Answer 1

尝试使用ajax成功方法

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});