订购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);