訂購jQuery的文件準備

Question

假設的執行，我有一個js文件看起來像這樣：

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

在加載的任務會按順序執行的文件。我無法理解爲什麼？ 我猜測回調方法會在發生「就緒」事件時觸發。執行訂單如何保留？連續的回叫在某個地方排隊嗎？

注：我知道這是一種非常幼稚的編碼方式。我寫了這段代碼只是爲了說明問題，不要在我的項目中編寫這樣的代碼。

Answer 1

你的處理程序是用於執行in order later，當documentis ready是pushed into an array（readyList）。

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

這不是更好，但在$（窗口）.load內，你可以有更多的控制。 $（document）.ready後

$(window).load(fn);