Javascript全局数组对象无法读取

Question

我遇到了一些问题，我认为这是因为我声明数组的方式所致。我正在使用 jQuery，我想声明一个全局数组，以便我可以在我的函数中使用它的项目。按照我现在的做法，当我尝试在函数中使用这些项目时，它们是有限的。我做了一个数组的控制台日志，它似乎显示它里面有东西(甚至是我想要的东西)，但是当我对这些项目执行 jQuery 函数时，它告诉我

Cannot read property 'top' of undefined

另外，我在 JS 中使用数组的次数不多，只在 C++ 中使用过，所以也许我的语法有问题？这是我的代码的粗略副本:

var pigs = new Array();
pigs[0] = $('#foo');
pigs[1] = $('#bar');

$(document).ready(function(){
    console.log(pigs);
    var topCoord = pigs[0].offset().top;
});

Answer 1

我猜 $('#foo') 和 $('#bar') 都返回空的 jQuery 对象。在查询 DOM 之前，您应该等待 DOM 准备就绪:

var pigs = new Array();
$(document).ready(function(){
    pigs[0] = $('#foo');
    pigs[1] = $('#bar');
    console.log(pigs);
    var topCoord = pigs[0].offset().top;
});