Как использовать делегирование событий jQuery здесь?

Question

В какой-то момент я загружаю контент в div динамически из сценария моей главной страницы:

$(function() {
    $('#myDiv').load('layer2.html');
}

Затем я хочу получать пользовательские события, отправляемые соответствующим сценарием layer2.html насценарий главной страницы.Если я добавлю это к основному:

$(document).on('event1', function () {
        window.alert('event1 received');
});

И следующее в сценарии layer2.html:

var event = new Event('event1');
document.dispatchEvent(event);

Это работает (предупреждение показывает).Обратите внимание, что выше не JQuery.Но вместо этого запускается событие с помощью jQuery, как показано ниже:

$(document).trigger('event1');

Не работает, даже когда я применяю следующее изменение в попытке добиться успеха в делегировании события системе, которая измои предыдущие чтения, я понимаю, что это то, о чем все мои делаevents.

Как исправить мою проблему, используя jQuery и делегирование событий ?

Answer 1

Прошу прощения за ваше время, моя проблема заключалась в том, что я снова включил jQuery во включаемый файл (layer1.html), что, возможно, привело к двум не связанным экземплярам jQuery с различным хранилищем событий.Убедившись, что jQuery включен только в основной файл, я снова могу использовать легкие триггеры.Спасибо!