Объект глобального массива Javascript не может быть прочитан

Question

У меня возникло несколько проблем, и я думаю, что это из-за того, как я объявляю массив. Я использую jQuery, и я хочу объявить глобальный массив, чтобы я мог использовать его элементы внутри своих функций. То, как я это делаю сейчас, когда я пытаюсь использовать элементы в функции, они ограничены. Я сделал журнал консоли массива и, кажется, показывают, что у него есть вещи в нем (даже вещи, которые я хочу), но потом, когда я выполнять функции JQuery на тех элементов, которые он говорит мне

Не удается прочитать свойство " 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 до его запроса:

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