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

前端之家收集整理的这篇文章主要介绍了使用jQuery无法找到动态添加的HTML元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在用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,在几个元素之后,这也变得更有效.

猜你在找的HTML相关文章