Применение обработчика события jQuery для всех элементов одного типа

Question

У меня есть, что я надеюсь, будет простым вопросом. Я новичок в jQuery и JavaScript в целом.

Я пытаюсь написать простой обработчик событий jQuery, который будет выделять ли на моей странице, когда я на них курю. Я пробовал:

$('li').on('mouseover', function(evt) { 
    $(evt.target).effect('highlight', {}, 1000); 
}); 

и не работает. Это не приводит к ошибке, но результата нет.

Однако, если я пытаюсь что-то вроде:

$(document).on('mouseover', function(evt) { 
    $(evt.target).effect('highlight', {}, 1000); 
}); 

Я могу выделить какой-либо элемент DOM Я хочу при наведении указателя мыши.

Я поместил обработчик событий в конец моего js-файла, и при отображенном втором подходе даже динамически сгенерированные элементы DOM могут быть выделены без проблем. Однако, если я попытаюсь выбрать элемент DOM по тегу или даже по классу, я не могу произвести никакого эффекта.

Answer 1

Try делегировании до документа, как так, так как вы ориентируетесь динамическое содержание:

$(document).on('mouseover', 'li', function(evt) { 
    $(evt.target).effect('highlight', {}, 1000); 
}); 

Вам может понадобиться прочитать эту Event Delegation.