jQuery将事件侦听器添加到动态添加的元素中

Question

因此，现在，我了解到要将事件侦听器附加到动态添加的元素上，必须在添加元素后重新定义侦听器。有什么方法可以绕过这个，所以您不必执行额外的代码块？

Answer 1

使用.on()您可以一次定义函数，它将对任何动态添加的元素执行。

例如

$('#staticDiv').on('click', 'yourSelector', function() {

  //do something

});

Answer 2

$(document).on('click', 'selector', handler);

where click是事件名称，并且handler是事件处理程序，例如对函数或匿名函数的引用function() {}

PS：如果您知道要向其中添加动态元素的特定节点，则可以指定它而不是document。