在WordPress中使用JavaScript：拋出所有jQuery插件，或者是否有條件加載？

Question

我比較新的WordPress主題和JavaScript，雖然不是無能。

我期待有最多10個jQuery插件去博客，但我想知道是否有辦法讓他們只在需要時加載，因爲我不希望任何不必要的加載用戶。

東西類似的東西我知道多一點將是IE <!--[IF IE]> @import ie.css <![endif]-->條件註釋。

Answer 1

當他們需要時加載它們是最佳實踐。您需要參考WordPress Conditionals Codex頁面，該頁面將提供有關如何在每頁基礎上執行代碼的文檔和示例。

例如：

if(is_page('about-us')) 
{ 
    echo '<script type="text/javascript" src="myScript.js"></script>'; 
} 

可以加載使用這些條件語句在每個頁面，頁面類型的任何類型的文本，代碼或腳本，甚至分類（分類和標籤）型的基礎。不要忘記，你可以將它與邏輯運算符一起使用，真正將它踢出一個檔次。

Answer 2

我會保持簡單。

除非插件很大（每個尺寸超過20K），否則我會將它們全部放在1個js文件中並加載到每個頁面上。用戶應該在第一次點擊後緩存文件，並且只有1個請求，而在頁面加載時只有10個。

Answer 3

你可以讓jQuery自己加載新的插件，但是你需要確保你只是在加載後才使用它們。您需要爲此使用$.getScript()，並且一定要在回調中使用您的插件。

$.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){ 
    $("#go").click(function(){ 
    $(".block").animate({ backgroundColor: 'pink' }, 1000) 
     .animate({ backgroundColor: 'blue' }, 1000); 
    }); 
}); 

希望有幫助。