Jquery нажмите не связываясь

Question

У меня есть некоторые HTML прилагаемых с помощью рулей, но я не в состоянии получить событие от гиперссылки пожара:

JS - этот код вызываются при document.ready.

$(".media-item a.meddelete").unbind("click"); 
$(".media-item a.meddelete").click(function (event) { 
    event.preventDefault(); 
    var id = $(this).data("assetid"); 
    alert(id); 
}); 

HTML

<div class="media-item"> 
    <p><a href="ImageManipulation.aspx">Edit</a></p> 
    <p><a href="#" class="meddelete">Delete</a></p> 
</div> 

Я не могу видеть, что это не так, какие-то идеи?

Answer 1

Предполагая, что с помощью «впрыскивается» вы имеете в виду, что элементы в вашем примере добавляются к DOM динамически после загрузки страницы, вы должны использовать делегированный обработчик события:

$(document).on('click', '.media-item a.meddelete', function (event) { 
    event.preventDefault(); 
    var id = $(this).data("assetid"); 
    alert(id); 
}); 

Заметьте, что document в моем пример должен быть изменен как ближайший статический элемент для лучшей производительности.

Answer 2

Изменить это:

$(".media-item a.meddelete").click(function (event) { 

к этому:

$(document).on('click', ".media-item a.meddelete", function (event) { 

Если вы динамически добавлять элементы на странице, вам необходимо использовать синтаксис делегирования событий JQuery в.