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

我尝试创建一个子菜单：

• 延迟1秒，然后再次隐藏，以实现用户友好性（意外失去焦点）
• 淡出，所以很清楚它在继续
• 返回时，停止淡入并淡入

我介绍了hoverIntent的用法

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

$（文档）.ready（函数（）{

}))

以下是解决方案：

方法中的处理程序中的停止正在导致问题

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

这就是变化。

---

对于stop（）阅读本文，它将对您有很大帮助

设置的超时将运行并在mouseout事件触发时消失。首先，您应该切换到在mouseenter/mouseleave事件中使用.on（）方法，并真正创建您想要使用此处提供的hoverintent插件的行为

---

我看不出有什么不同。它的行为仍然像原来的一样。这个解决方案中还有一个问题：当你从子菜单悬停到主菜单时，它仍然会消失。@JohannesKlapwijk我重写了整个函数，如果现在可以工作的话：将悬停事件改为顶部菜单确实有效！有时候，解决方案比你想象的要容易得多。请注意，对.on方法的更改只是一个最佳（更好？）实践，而不是必要的

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