首页 > 后端开发 > php教程 > 为什么动态添加元素到 DOM 后 JavaScript 事件无法触发?

为什么动态添加元素到 DOM 后 JavaScript 事件无法触发?

Patricia Arquette
发布: 2024-11-16 10:19:02
原创
296 人浏览过

Why do JavaScript events fail to trigger after dynamically adding elements to the DOM?

添加元素后 JavaScript 事件传播失败

问题:

为什么 JavaScript 无法传播在初始后附加到 DOM 的元素触发事件正在加载?

答案:

jQuery 在加载时对 DOM 中存在的元素进行操作。无法识别后续添加的元素。要克服此限制,请通过将事件从新添加的元素传递到现有 DOM 元素来实现事件委托。

在提供的代码中,将“编辑”链接的事件处理程序移动到页面中存在的父元素使用 on() 方法加载:

$(document).on('click', '.races', function(e) {
  // Event handling logic
});
登录后复制

此修改可确保 JavaScript 继续响应动态添加到 DOM 的元素的事件。

以上是为什么动态添加元素到 DOM 后 JavaScript 事件无法触发?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板