使用jQuery无法找到动态添加的HTML元素

发布时间：2020-12-14 23:09:34 所属栏目：资源来源：网络整理

导读：我正在用HTML实现树形浏览器.在单击节点时,我调用一个添加节点的子元素的函数.到现在为止还挺好.我现在想立即调用其中一个子元素的click处理程序来扩展它.我的问题是jQuery找不到刚刚添加的子元素.当我在调试器中单步执行时,我会在浏览器呈现新元素之前调用

我正在用HTML实现树形浏览器.在单击节点时,我调用一个添加节点的子元素的函数.到现在为止还挺好.我现在想立即调用其中一个子元素的click处理程序来扩展它.我的问题是jQuery找不到刚刚添加的子元素.当我在调试器中单步执行时,我会在浏览器呈现新元素之前调用我的代码来查找元素,我猜这是问题所在.

是否有一些我可以等待的事件(类似于onload)可以标记新添加的HTML何时可见？或者我可以调用的方法强制渲染更早发生？欢迎大家提出意见.

注意：我已经意识到问题完全是我的错,而不是浏览器或jQuery.请参阅下面的答案.

最佳答案

你可以使用.live() for this,将你的点击处理程序安装到它而不仅仅是.click(),如下所示：

$(document).ready(function() {
  //instead of $(".myTreeNode").click(....
  $(".myTreeNode").live('click',function() {
    //Do stuff
  });
});

.click()将事件处理程序绑定到它执行时找到的元素,因此新元素没有处理程序.相反,.live()会在DOM级别上侦听点击次数,因此无论是现在还是以后添加都无关紧要.在很多元素的情况下,对于每个元素,你也有事件处理程序而不是1,在几个元素之后,这也变得更有效.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!