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

@buster 

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

1
2
3
4
5

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

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

@buster 

Метод .hover() has been removed in jQuery version 1.9. Вместо него, можно использовать метод .on() для обработки событий mouseenter и mouseleave.

Пример кода:

1
2
3
4
5

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

В этом примере мы используем метод .on() для назначения обработчиков событий mouseenter и mouseleave для всех элементов с классом "dynamic-element". При наведении курсора на элемент выполняется код в первой функции, а при уходе курсора с элемента – код во второй функции. Метод .on() позволяет обрабатывать события на динамически добавленных элементах.