прослушиватели событий при загрузке ajax

Question

Я загружаю элементы страницы ajax, а некоторые из них имеют детей с классом «evented». Мне нужно добавить класс к родительскому элементу при нагрузке на ребенка. Я пробовал это

$(document).on('load','.evented',function(){   
    $('.evented').parent().closest('td').addClass('td_class'); 
}); 

Но, как и ожидалось, он не работает, потому что td не имеет события «загрузки». Я могу выполнить этот код как часть ответа ajax, но в этом случае у меня будут повторяющиеся прослушиватели событий, и мне по-прежнему нужен такой же код для элементов, которые существуют, когда документ готов.

Answer 1

Я предполагаю, что вы используете метод load() для загрузки содержимого. В этом случае вы должны использовать обработчик успеха метода загрузки для этого.

$(el).load(url, function(){ 
    $(this).find('.evented').closest('td').addClass('td_class'); 
}) 

---

Если вы не используете метод загрузки(), а другие методы, такие как Ajax $ .ajax()/$. Получить() и т.д., то после добавления содержимого на страницу вы должны сделайте это как

$.ajax(...).done(function(result){ 
    $(el).html(result).find('.evented').closest('td').addClass('td_class'); 
})