jQuery：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请求会有一个小延迟，因此您应该在脚本加载时指示单击加载动画。