event.preventDefault не работает с загруженным контентом AJAX

Question

Эта вещь меня заводит.

Итак, я загружаю простой HTML-код через AJAX, и как только он загружается в DOM, я делаю это.

$('#wrap a.link').click(function(e) { 
    e.preventDefault(); 
    alert("asdasdad"); 
}); 

Это просто не мешает переходу ссылки на URL-адрес в атрибуте href.

Мой синтаксис кажется правильным, и я убедился, что элемент находится в DOM и что функция находит элемент a.link.

$("#wrap a.link").each(function(key, value) { 
    console.log("found a link"); // this shows up in the console 
}); 

Я также попытался с помощью off() и stopImmediatePropagation() только в случае, если какой-то другой случай не может мешать, но ничего. Я также попытался связать событие внутри цикла each() с тем же результатом.

Что может быть причиной такого поведения?

Answer 1

Bind события к телу для динамических элементов:

$('body').on('click','#wrap a.link',function(e) { 
    e.preventDefault() 
}); 

Answer 2

Используйте событие делегации:

$(document).on('click', '#wrap a.link', function(e) { 
    e.preventDefault(); 
    alert("asdasdad"); 
}); 

Внимание: Держите уникальные идентификаторы.