Jquery не может видеть элемент после его загрузок через .load()

Question

загружают некоторое содержимое на страницу HTML с помощью метода JQuery .load() так:

$('#block_name').load('components/content.html #div1'); 

Он загружает отлично, но я столкнулся с неожиданной проблемой , После этого jQuery не может инициировать какую-либо процедуру для элементов загруженного содержимого. Например, если #div1 имеет связь с идентификатором my_link то такое призвание:

$('#my_link').on('click', function(){ /* some actions*/ }); 

не имеет никакого эффекта. Похоже, он просто не существует, хотя, если я попытаюсь выбрать его в dev console, я могу его найти. Кроме того, если я установить обработчик в этой ссылке в шаблоне (content.html), как это:

<a id="my_link" href="#" onClick="return myFunction();">Link text</a> 

... это прекрасно работает. Так что может быть вызвано такой проблемой и есть ли способ избежать этого?

Answer 1

Попробуйте .on()'s event delegation с помощью:

$('#block_name').on('click', '#my_link', function(){ /* some actions*/ });