Приветствую всех! При реализации всплывающих попапов при наведении на ссылку столкнулся с проблемой бесконечной генерации событий mouseenter и mouseleave в том случае, когда всплывающий попап перекрывает область элемента, на который навешены события - происходит мерцание попапа при нахождении мышли в области, где перекрываются элементы управления.
Пожалуйста, подскажите, как можно решить (обойти) эту проблему. Ниже пример кода и несколько скриншотов.

может проще поискать готовый плагин к jQuery?

Так такого нет, дело в том, что события mouseenter и mouseleave специально создавались jQuery как улучшенный аналог mouseover и mouseout. Скорее всего буду пробовать с явными координатами и событием mousemove

Проблему решил использованием события mousemove

$(document).ready(function () {
            $(document).mousemove(function (e) {
                var coordinates = getCoordinates('#aTest');

                if (pointInsideElement(e.pageX, e.pageY, coordinates.Left,
                    coordinates.Top, coordinates.Right, coordinates.Bottom)) {
                    $('#popup').show();
                }
                else {
                    $('#popup').hide();
                }
            });

        });

        var valueInRange = function (value, min, max) { return (value >= min) && (value <= max); }
        var pointInsideElement = function (x, y, leftEl, topEl, rightEl, bottomEl) {
            return valueInRange(x, leftEl, rightEl) && valueInRange(y, topEl, bottomEl);
        }
        var getCoordinates = function (selector) {
            var element = $(selector);
            var result = new Object();

            result.Left = element.offset().left;
            result.Top = element.offset().top;
            result.Right = element.offset().left + element.width();
            result.Bottom = element.offset().top + element.height();

            return result;
        }

Тему можно закрывать