jQuery hoverIntent子菜单从子菜单移动到主菜单时淡出

我尝试创建一个子菜单：

• 延迟1秒后再次隐藏用户友好性（意外失去焦点）
• 淡出，所以它很明显
• 在重新进入时停止褪色并逐渐消失

我介绍了使用hoverIntent。

它现在正在使用以下代码（jQuery的版本应该是最新的，否则fadeIn不起作用）：

$（文件）。就绪（函数（）{

function showMenu() { $("#speciesSubmenu").stop(true,false).fadeIn(500).show(); } function hideMenu() { $("#speciesSubmenu").fadeOut(1000,0); } $("#menuItemSoorten").hoverIntent({ over: showMenu, timeout: 800, out: hideMenu }); 

}）;

http://jsfiddle.net/johannesklapwijk/p8PDW/15/

Answer 1

一旦mouseout事件触发，设置的时间Out将运行并且fadeOut将立即运行。 首先，您应该切换到使用.enter（）方法和mouseenter / mouseleave事件，并真正创建您想要使用此处可用的hoverintent插件之后的行为

https://github.com/briancherne/jquery-hoverIntent

Answer 2

这是解决方案： http ： //jsfiddle.net/p8PDW/6

方法中处理程序中的停止正在解决问题

 $("#speciesSubmenu").stop().css("opacity", "1").show(); 

这是改变。 而对于stop（）阅读这篇文章http://api.jquery.com/stop/它会对你有所帮助