Порядок исполнения Jquery документа готового

Question

Предположим, у меня есть JS файл, который выглядит следующим образом:

$(document).ready(function() { // first task}); 
$(document).ready(function() { // second task }); 
$(document).ready(function() { // third task }); 

При загрузке файла задачи получить выполняется в порядке. Я не могу понять, почему? Я предполагаю, что методы обратного вызова запускаются, когда происходит событие «on ready». Как сохраняется порядок выполнения? Являются ли последовательные обратные вызовы в очереди в очереди?

Примечание: Я знаю, что это очень наивный способ кодирования. Я написал этот фрагмент только для того, чтобы понять, и не писать такой код в своих проектах.

Answer 1

Ваши обработчики быть pushed into an array (readyList) для выполнения in order later, когда documentis ready.

They're queued like this:

readyList.push(fn); 

And executed when ready like this:

var fn, i = 0; 
while ((fn = readyList[ i++ ])) { 
    fn.call(document, jQuery); 
} 

Если документ уже готов, то они будут выполняться немедленно, что по-прежнему в порядке.

Answer 2

Функции, которые вы указали, упорядочены в списке. Когда DOM готов, jQuery выполняет итерацию через этот список и вызывает функции в этом порядке.

Ваш список становится чем-то вроде ..

handlers = [ function(){ alert('first') }, function() { alert('second')} ]; 

Затем петлю, перебирает ...

for (var i = 0, l = handlers.length; i<l; ++i) { 
    handlers.apply(document, arguments) 
} 

И функции вызываются в контексте документа.

Answer 3

Это не самое лучшее, но внутри $ (window) .load у вас может быть больше контроля. после того, как $ (документ) .ready

$(window).load(fn);