Если наводить мышь на объекты man поочередно, выждав пока pop-up пропадет - всё работает, конфликтов не возникает. Но, если не ждать пока пропадет один pop-up и сразу навести на следующий man - pop-up от первого объекта остается висеть. Задача состоит в том, что бы вне зависимости друг от друга pop-up могли всплывать и исчезать бесконфликтно. Заранее спасибо за помощь.
let timeout,
id;
$(".man").mouseenter(function() {
id = $(this).attr('data-id');
$('.pop-up-' + id).fadeIn(400);
})
$(".man").mouseleave(function() {
id = $(this).attr('data-id');
timeout = setTimeout(function() {
$('.pop-up-' + id).fadeOut(400);
}, 2000);
})
$(".pop-up-" + id).mouseenter(function() {
clearTimeout(timeout);
})
$(".pop-up-" + id).mouseleave(function() {
$(this).fadeOut(400);
})
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Как можно очистить определенное поле по нажатию на кнопку?
Как можно биндить события подобно биндингу Command? Например double click можно забиндить таким образом чтобы в View Model узнать на что был собственно...
Допустим есть массив данных, произошла какая-то математическая операция над этими байтами и нам надо сохранить результат в в другой массив,...