在同一页面上多次调用$（document）.ready [重复]

Question

可能重复：
您可以有多个$（document）.ready（function（）节吗？

可以在同一页面上多次调用$（document）.ready吗？ 如果是这样，如何解析代码的运行顺序，这有什么含义？

我在Rails应用中使用jQuery。 我在应用程序中使用了多个级别的javascript，所有级别都使用jQuery。

例如，我有一些默认代码可以淡化我的application.js中的Flash Notices，我有一个project.js文件包含在所有Project模型视图中，而我有一个project / edit.js仅包含在呈现的视图中通过编辑操作。

在我使用的所有三个js文件中：

$(document).ready
{
   //Do something
}

Answer 1

没关系。

执行顺序将与使用顺序相同。

先进先出

jQuery有一个名为readyList的内部队列， readyList存储ready事件的所有回调。 当您使用回调调用ready函数时，只需将其添加到队列中，并在DOM准备就绪时触发整个队列。

查看jQuery源代码可以很容易地告诉您：

源代码：

// The deferred used on DOM ready
readyList,
...
...

ready: function( fn ) {
    ...
    // Add the callback
    readyList.add( fn );

    return this;
}

Answer 2

他们按照与附件相同的顺序运行，这样做很好。 但是，由于$(document).ready()本身是2个函数调用，因此可以做得更短些以减少函数调用

$(function(){
    //document is ready
});

Answer 3

jQuery中对$（document）.ready的调用按其定义的顺序执行。 此处的更多信息http://docs.jquery.com/Tutorials:Multiple_$（document）.ready（）