简单的jquery下拉菜单

Question

我需要jquery的帮助。抱歉我的英语不好，但我想，你能理解我。

我有菜单，鼠标悬停在哪里我必须显示子菜单，当鼠标退出此菜单时我必须隐藏。这是链接：http://butteff.ru/site/menu.htm 但我不知道如何做到这一点：

1. 当我在“quadro”上停留时 - 显示下拉列表
2. 当我从quadro中鼠标时 - 它必须隐藏
3. 当我从子菜单中鼠标时 - 它必须隐藏
4. 当我从“quadro”鼠标输出到子菜单时 - 它可能无法隐藏

我试着去做（http://butteff.ru/site/menu.htm），但这不行。 我的问题在哪里？你能救我吗？

Answer 1

您有错误$(".dropdown").mouseOut is not a function

尝试mouseout而不是mouseOut

Answer 2

在您的脚本中，您有以下内容：

  $('.dropdown').mouseOut(function() {...});

这是错误的，因为有拼写错误。 mouseOut应该是mouseout，如下所示：

  $('.dropdown').mouseout(function() {...});

Answer 3

我无法完全理解代码中的问题（很可能是因为'mouseout'事件导致链接在菜单'mouseover'事件之前触发）

但是，我可以为您提供我自己的解决方案here，该解决方案使用$.stop()来抑制鼠标从链接到菜单的移动淡出。希望它有所帮助。