Задать вопрос
@seredaes
javascript

Добавленные элементы не реагируют на mouseenter?

b2441d55e38041499ad275deea73d8b9.png
В таблице 1 строка задана при загрузке, а вторую добавляю через append.
В строке есть элементы (например картинка с корзиной). В файле JS прописан код
$(.del_ico).mouseenter(function() { действия });
При наведении картинка изменяется.
В новодобавленной строке не срабатывает событие mouseenter.
Я так догадываюсь, что скрипт $(.del_ico).mouseenter(function() { действия }); не видит ново добавленные элементы или я где-то туплю?
  • Вопрос задан
  • 444 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 3
alexey-m-ukolov
@alexey-m-ukolov Куратор тега JavaScript
Конечно, не видит. Гуглить по запросу "javascript делегирование событий".
Или просто учебник почитать.
Ответ написан
5 комментариев
5 комментариев
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
Вы устанавливаете обработчик на все существующие на момент выполнения кода элементы. Разумеется, свежедобавленные будут без него.

Ловить событие надо на предке, который никуда не денется.
$(document).on("mouseenter", ".del_ico", function() { 
  //действия 
});
Ответ написан
Комментировать
Комментировать
@seredaes Автор вопроса
$("#table_of_clients").delegate( ".deleteicon", "mouseenter", function() { alert("OK"); });

Вот так решается это в JQuery
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Обновить C# приложения с net4 до net8. Платформа для трейдинга
25 апр. 2024, в 11:33
2500000 руб./за проект
Нужен человек с опытом работы с библиотекой SwiperJS
03 мая 2024, в 03:55
1000 руб./за проект
Скрипт для оценки ссылки через Virus Total
03 мая 2024, в 02:30
3000 руб./за проект
Ещё заказы