使用 AJAX 获取 html 内容后向新元素添加侦听器的正确方法是什么？ （jQuery、Javascript）

我正在制作一些可以通过 AJAX 加载新设置页面的东西，我不确定将侦听器绑定到新内容页面中的这些元素的最有效方法是什么？

这是我的想法。我可以创建一个比较文件路径的函数，对于每个条件，我将根据 AJAX 加载的页面将正确的侦听器应用于这些新元素。我觉得如果我有大量的页面，它会使功能变得如此之大。

Thanks!

两种方式：

1）使用绑定在非动态父容器上.on()

$('.some-parent-class').on('click', '.element', function() {
  // DO STUFF!
});

2）ajax调用完成后绑定新元素

$.ajax(url, {
  // ajax options
}).done( function(data) {
  var newEl = $('<div class="element"></div>');
  // Setup your newEl with data here...
  newEl.on('click', function() {
    // do stuff
  });
  newEl.appendTo($('.some-parent-class'));
});

前者通常会导致更快的 ajax 响应时间，但是may也会降低点击响应速度。