2012-06-15 48 views
0

有沒有辦法強制小部件在'$(document).ready()'中輸出jquery init()函數?
它應該是這樣的:jQuery init()函數。

$(document).ready(function($) { 
    $('.style1').plugin1Init(); 
    $('.style2').plugin2Init(); 
    $('.style3').plugin3Init(); 
}); 

我這麼問是因爲我試圖加快我的wordpress主題。我有幾個小部件在$(document).ready()函數中輸出jquery代碼。

三「$(文件)。就緒()」功能,根據在頁面上Jquery speed test

實施例的代碼減少頁面加載速度幾乎三倍時我使用3個窗口小部件:

$(document).ready(function($) { 
    $('.style1').plugin1Init(); 
}); 

$(document).ready(function($) { 
    $('.style2').plugin2Init(); 
}); 

$(document).ready(function($) { 
    $('.style3').plugin3Init(); 
}); 
+6

擁有多個*文件準備好*塊根本不是問題。只有一個事件會在循環中調用所有已註冊的函數。如果您的網頁加載速度緩慢,則由於其他原因。 – ThiefMaster

+0

_if_你鏈接到一個測試,確保[你檢查最新的](http://jsperf.com/docready/10) – Wrikken

回答

1

您可以撥打$(document).ready(function($) {一次

參見:

$(document).ready(function($) { 
    $('.style1').plugin1Init(); 
    $('.style2').plugin2Init(); 
    $('.style3').plugin3Init(); 
});