javascript - jQuery在 child 上时悬停怪异

http://jsfiddle.net/GNQyt/

将鼠标悬停在绿色框上，然后将鼠标移到子列表。突然开始像疯了似的眨眼，无论如何要防止这种情况，但要保持悬停在孩子身上？

*之后编辑

最佳答案

这是您的工作代码http://jsfiddle.net/GNQyt/18
我使用了延迟方法。离开.icn到达ul后，您有1000毫秒的时间。如果您在所需时间内按下ul，则淡出淡出的请求将被删除。

$('.icn').on({
    mouseenter: function() {

        clearTimeout($(this).data('timeoutId'));

        $(this).children('ul').show('fast');
    },
    mouseleave: function() {

        var self = this;

        var timeoutId = setTimeout(function() {
            $(self).children('ul').hide('fast');
        }, 1000);

        $(self).data('timeoutId', timeoutId);
    }
});​