javascript - JS追加后无法使用点击功能

标签 javascript php jquery ajax

我将我的 TRIGGER DIV A 添加到 $(".DIVB").html(data); from a AJAx Response但是当我现在想在 $(".TRIGGER DIV A").click(function() 上触发一些代码时,它不起作用。有人可以解释一下为什么吗?有没有办法解决这个问题,或者有一个可行的解决方案?

最佳答案

看起来您正在使用 jQuery 的 .click()。如果 HTML 动态添加到 DOM,则需要在添加后将 click 事件绑定(bind)到元素。否则,当 $(".TRIGGER DIV A").click(handler) 运行并且 jQuery 查找要绑定(bind)的元素时,它无法找到它。

您可以考虑使用 .delegate() 代替。这确保了事件绑定(bind)到与给定选择器相关的所有元素,无论它何时添加到 DOM。您可以在这里找到使用文档:http://api.jquery.com/delegate/

关于javascript - JS追加后无法使用点击功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35952518/

相关文章:

javascript - Firebase auth onCreate 将自定义用户数据添加到实时数据库

javascript - 将 jQuery Datepicker 值设置为仅限上个月

php - 我应该使用JOIN函数还是在循环结构中运行多个查询?

javascript - 显示文件夹中最新的图像,自动刷新

Javascript Tablemodel 小部件

javascript - 渲染从 draft-js 保存的 html

javascript - 如何在 Canvas 上同时绘制图像和草图

php - 显示来自 youtube api 的 xml 输出 - php

javascript - 动态创建的元素上的事件绑定(bind)?

javascript - 检索元素的 dataTable 对象