无法使用带有jQuery的DOM访问带有document.ready的元素吗?

前端之家收集整理的这篇文章主要介绍了无法使用带有jQuery的DOM访问带有document.ready的元素吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我写了一个Chrome插件,我正在听这样的’DOM ready事件’:

$(document).ready(function () {
    //here I select some elements and remove them.
});

有时我无法获得我想要的元素,即使它们确实存在.但是当页面加载时,我打开开发人员工具并在控制台中运行相同的代码,它再次起作用.

我很困惑,为什么当DOM准备就绪时我无法获取元素,而且我编写的代码是正确的.

最佳答案
在DOM准备好之后,听起来正在寻找您正在寻找的元素.

尝试更换您的document.ready以获取以下功能.

$(window).load(function() {
 // executes when complete page is fully loaded,including all frames,objects and images
 alert("window is loaded");
});

jQuery提供了两种强大的方法来执行代码和附加事件处理程序:$(document).ready和$(window).load.文档就绪事件在加载HTML文档并且DOM准备就绪时已经执行,即使所有图形尚未加载.如果你想在窗口加载之前连接某些元素的事件,那么$(document).ready就是正确的位置.

窗口加载事件稍后在完整加载完整页面时执行,包括所有帧,对象和图像.因此,涉及图像或其他页面内容功能应该放在窗口或内容标签本身的加载事件中.

取自
http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

猜你在找的jQuery相关文章