Есть сайт вопросов и ответов, в ответах есть блоки с количеством поставленных лайков. При наведении курсора мыши на него, скрипт связывается с сервером через ajax-запрос и получает список пользователей проголосовавших, на основе них отображает всплывающий блок. При отведении курсора мыши скрывает блок. Необходимо при отведении пользователем курсора мыши от блока, проверять не переместил ли он его на всплывающий блок, если нет, то только после этого скрывать, как это реализовать? Помогите пожалуйста, работа стоит. Вот упрощенный код:
//обработчик событий
$(document).on({
mouseenter: function (event) { //при наведении курсора мыши
var popup = createPopup('popup_votes'); //создать всплывающий блок c id = popup_votes
popup.pasteContent('html content'); //вставляем в него результат полученный из ajax
popup.show(); //отображаем
},
mouseleave: function (event) { //при отведении курсора мыши
var popup = $('#popup_votes');
if (если не навел на popup) { //как реализовать
popup.hide(); // закрыть
}
}
}, '.like_box'); //селектор блока с количеством лайками