javascript - jQuery:JS 的延迟加载

Question

我读了http://ajaxpatterns.org/On-Demand_Javascript并对“延迟加载”我的 JS 感兴趣。问题:

1. 谁能为此推荐一个好的插件？
2. 有任何实现此类策略的“现实世界”建议吗？我应该注意任何“问题”吗？

Answer 1

无需插件。您可以使用 jQuery 的 $.getScript() .只需将特定事件的 javascript 放在一个单独的文件中，然后绑定(bind)一个调用 $.getScript() 的事件。

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

这将确保您永远不会加载超出您需要的 javascript。如果用户从不点击该元素，那么您就不会为该事件加载 javascript。 HTTP 请求会有一个小的延迟，因此您应该在脚本加载时指示点击加载动画。