jQuery：Lazy Loading for JS

Question

我讀http://ajaxpatterns.org/On-Demand_Javascript，並對我的JS的「延遲加載」感興趣。問題：

1. 任何人都可以推薦一個好的插件嗎？
2. 實施此策略的任何「現實世界」建議？任何「陷阱」我應該留意？

Answer 1

不需要插件。你可以使用jQuery的$.getScript()。只需將一個特定事件的javascript放在一個單獨的文件中，然後綁定一個調用$.getScript()的事件。

$(function() { 
    $('#yourElement').click(function() { 
     $.getScript('/path/to/script.js'); 
    }); 
}); 

這將確保您永遠不會加載超過您所需的javascript。如果用戶從不點擊該元素，則永遠不會加載該事件的JavaScript。這個HTTP請求會有一個小的延遲，所以你應該在腳本加載的時候點擊加載動畫。