Я пытаюсь создать переменную (объект), затем отредактировать ее после загрузки DOM. В данном случае в переменной pageQuery находятся селекторы, которые становятся объектами jquery в переменной page.
var pageQuery = {
someSelector: '.select'
}
var page = {};
$(document).ready(function() {
for (var key in pageQuery) {
page[key] = $(pageQuery[key]);
}
});
Но когда я пытаюсь использовать переменную page в другом js файле, также в событии document ready, то получаю ошибку:
TypeError: page.someSelector is undefined
Насколько я понимаю, это происходит из-за того, что оба эти события выполняются асинхронно и независимо друг от друга. Но вообще не понимаю, как тогда решить данную проблему.
UPD1: Также второй скрипт запускается по window.load и window.resize, и там все нормально работает.
UPD2: На счет window.load (точнее $(window).on('load')) я был не прав. Как раз в document.ready все работает прекрасно, а вот с window.load и возникает ошибка. Вообще, window.load почему-то происходит до document.ready, причем это никак не зависит от моего скрипта, это происходит любом документе. Возможно я просто чего-то не понимаю, но мне казалось, что window.load должен в любом случае происходить позже, после полной загрузки страницы.