文档加载后加载单个变量

Question

我希望有人能在这里帮助我。我在加载此变量时遇到问题。现在，我有一个在文档准备好时显示的图像。它有一个 id。所以我试图捕获该 id 并提醒它，但是当我尝试使用 .attr() 时，它给了我未定义的变量。然而，当我执行完全相同的脚本时，在另一个窗口加载下，第一个警报给我未定义，第二个警报给我正确的 ID。

我的脚本：

window.onload = function() { //first onload gives undefined
   var imgID = $('.selector').attr('id');
   alert(imgID);
};

$(document).ready(function(){ //gives me correct id
   var imgID = $('.selector').attr('id');
   alert(imgID);
});

这两个函数放置在同一页面内。因此，当第一个警报弹出时，它会给页面加载时间，然后弹出第二个警报来捕获图像 ID。

所以我想我是想在页面加载后获取 id 吗？有人可以帮助我如何做到这一点吗？谢谢

Answer 1

为了做我想做的事，我只需要设定时间间隔。

Answer 2

即使没有 window.onload 存在， document.ready 也应该可以工作。顺便说一句，您可以使用 jQuery 的 $() 缩写来表示 document.ready：

$(function() {
    var imgID = $('.selector').attr('id');
    alert(imgID);
});

Answer 3

$(document).ready 在这里应该足够了，因为该函数在 DOM 加载后启动。你说它对你有用，所以我不明白问题是什么。您可以删除 window.onload 并使用 $(document).ready。

http://www.learningjquery.com/2006/09/introducing-document-ready