Как реализовать событие hover для динамических элементов jquery?

Пользователь

от buster , в категории: JavaScript , 3 месяца назад

Как реализовать событие hover для динамических элементов jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от catherine_wintheiser , 3 месяца назад

@buster 

Для реализации события hover для динамических элементов в jQuery нужно использовать методы .on() и .hover(). Пример кода:

1
2
3
4
5
$(document).on('hover', '.dynamic-element', function() {
  // код для выполнения при наведении курсора на элемент
}, function() {
  // код для выполнения при уходе курсора с элемента
});


В этом примере мы назначаем обработчик события hover для всех элементов с классом "dynamic-element", включая те, которые могут быть добавлены в DOM динамически. Метод .on() позволяет задать обработчики событий для элементов динамически, а метод .hover() позволяет указать действия, которые должны выполняться при наведении курсора на элемент и при его уходе.