使用 jQuery 向动态添加的元素添加事件侦听器 [英] Adding event listeners to dynamically added elements using jQuery

问题描述

所以现在，我明白为了将事件侦听器附加到动态添加的元素，您必须在添加元素后重新定义侦听器.>

有什么办法可以绕过这个，这样你就不必执行一整个额外的代码块了吗?

解决方案

使用 .on() 你可以定义你的函数一次，它会为任何动态添加的元素执行.

例如

$('#staticDiv').on('click', 'yourSelector', function() {//做一点事});

So right now, I understand that in order to attach an event listener to a dynamically added element, you have to redefine the listener after adding the element.

Is there any way to bypass this, so you don't have to execute a whole extra block of code?

解决方案

Using .on() you can define your function once, and it will execute for any dynamically added elements.

for example

$('#staticDiv').on('click', 'yourSelector', function() {
  //do something
});

这篇关于使用 jQuery 向动态添加的元素添加事件侦听器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！