jQuery: JS的懒加载

Question

我读了http://ajaxpatterns.org/On-Demand_Javascript，对“惰性加载”JS很感兴趣。问题如下：

1. 有没有人能推荐一个好的插件？
2. 在实施这种策略时有什么“现实世界”的建议吗？有什么需要注意的地方吗？

- StackOverflowNewbie

---

请检查 LabJS 或 RequireJS。 - Pointy

LabJS不是懒加载，它只是非阻塞的。 - Stephen

Answer 1

不需要插件。你可以使用jQuery的$.getScript()。只需将特定事件的JavaScript代码放在一个单独的文件中，然后绑定一个调用$.getScript()的事件即可。

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

这将确保您永远不会加载比所需更多的JavaScript。如果用户从未单击该元素，则永远不会加载有关事件的JavaScript。HTTP请求会有一小段延迟，因此在脚本加载时，您应该在单击时指示加载动画。

- Stephen