Реферирование динамического содержимого с помощью JQuery

Question

Я использую следующий код путем из моего приложения для создания гипер ссылки, страница загрузки в DIV элемент

$(".OpenInContent").click(function() { 

linkObj = $(this); 
var viewUrl = linkObj.attr('href'); 
$('#ActiveContent').empty(); 
$('#ActiveContent').load(viewUrl); 
return false; 

}); 

Так, например, позволяет сказать, что у меня есть страница под названием «main.html» со следующим html. (Выше Javascript находится в нижней части этой страницы)

<a class="OpenInContent" href="test.html"> 
<div id="ActiveContent" style="display: block;"></div> 

Это загружает содержимое test.html в DIV с ID ActiveContent.

Но что, если содержимое test.html также содержит гипер ссылку с классом OpenInContent?

Единственный способ, которым я могу заставить это работать, - разместить тот же Javascript в нижней части страницы test.html.

Каков наилучший способ для этого? Я предполагаю загрузить один и тот же код javascript дважды, не так ли?

Answer 1

Использование делегирования с помощью .on() - это способ задания динамических элементов.

$(document).on('click', '.OpenInContent', function() { 
    //do stuff 
});