Jquery - 超過1“$（document）.ready”=臟代碼？

Question

是否可以使用

$(document).ready(function ()
{   

// some code

});

在javascript代碼中超過1次？

Answer 1

是的，沒關系，jQuery會將它們排隊並合並到一個DOM准備好時調用的單個處理程序中。

Answer 2

當然可以。 有時你別無選擇。 特別是當你有一些包含jQuery的JS文件和頁面本身的一些jQuery代碼時。

Answer 3

我發現在一個巨大的$（文檔）.ready中擁有所有內容會導致難以閱讀的混亂代碼。

我經常喜歡將其拆分並為需要添加內容的系統的每個部分放置一個單獨的$（document）.ready（）。 這對於較大的模塊化系統尤其有用，在這些系統中，您可以動態添加html，事件和內容塊。

對我來說，這一切都歸結為在某種情況下作為開發人員對您最有利的事情。

• 小系統，很容易知道發生了什么：腳本中有一個$（document）.ready（）。
• 大型，模塊化的系統：根據需要將其拆分，以控制正在發生的事情，並有效地發展。

但是正如@Codesleuth評論的那樣：通常你不需要把東西放在$（document）.ready（）里面，你只需要確保DOM處於一致且已知狀態以便進行大量操作等等。 。