JQuery: отложенная загрузка для JS

Question

Я прочитал http://ajaxpatterns.org/On-Demand_Javascript и заинтересовался "ленивой загрузкой" моего JS. Вопросы:

1. Кто-нибудь может порекомендовать хороший плагин для этого?
2. Какой-нибудь совет "реального мира", реализующий такую ​​стратегию? Любые "ошибки", которые я должен высматривать?

Answer 1

Плагин не требуется.Вы можете использовать jQuery's $.getScript().Просто поместите javascript конкретного события в отдельный файл, а затем привяжите событие, которое вызывает $.getScript().

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

Это гарантирует, что вы никогда не загрузите больше javascript, чем вам нужно.Если пользователь никогда не нажимает на элемент, вы никогда не загружали JavaScript для этого события.Для HTTP-запроса будет небольшая задержка, поэтому вы, вероятно, должны указывать анимацию загрузки по щелчку во время загрузки сценария.