使用 hover() 我损坏的 jQuery 向下滑动菜单

Question

我有一个 html 链接，它使用 hover()（嗯，hoverIntent 插件......但同样的区别）来触发 div 向下滑动（我为 CSS 顶部属性设置动画）。

这一切都工作得很好，看起来很完美，除了当鼠标离开超链接并移到包含菜单链接的 div 上时，它会立即触发 mouseleave 事件并且菜单消失。

显然，在注意到这个“错误”之前，我无休止地调整了它，我觉得有点愚蠢。

问题是：我真的想不出一种方法来达到我想要的效果。

这是我作品的链接： http://clifgriffin.com/blockade

各位专家，您将如何完成我正在尝试做的事情？

我试图将鼠标进入和鼠标离开功能分开...将前者添加到链接中，将后者添加到 div 中，但这并不完全正确，即使我解决了这个怪癖，它也不会t 当您悬停链接然后向上移动时正确触发鼠标离开。

基本上，只要将鼠标从链接移动到菜单不会触发 mouseleave，我就可以了。

我真的不想为每个菜单设置一个布尔值，并在菜单周围的每个元素上设置一堆事件来触发某些操作。这必须比这更简单。

有什么想法吗？

提前致谢， 克里夫

Answer 1

试试这个：

var accoIn = function(){
 topSlideIn($("#top_menu_slideout .aco"));
 $("#top_menu_links .accommodations").unbind("mouseover");      
};

$("#top_menu_links .accommodations").hoverIntent(accoIn,function(){});

$("#top_menu_slideout .aco").hoverIntent(function(){},function(){
 topSlideOut($("#top_menu_slideout .aco"));     
 $("#top_menu_links .accommodations").hoverIntent(accoIn,function(){});
});