3

这是我的问题http://jsfiddle.net/yf4W8/4/

当我尝试访问菜单项时，菜单消失得太快。我该如何解决？

4

4 回答 4

5

固定的！
http://jsfiddle.net/yf4W8/14/

我只是将它包装在另一个 div 中，如果您将鼠标悬停，菜单将出现。我的包装器也包装了菜单，所以如果你离开<a>你仍然在包装器上，保持菜单可见。

于 2012-08-27T12:39:15.007 回答
4

这是因为您悬停的链接与将显示的项目之间存在间隙。

消除间隙，它将起作用。

于 2012-08-27T12:38:49.477 回答
3

那是因为您没有正确使用 CSS 来实现此效果。如果鼠标从标题移动到列表，您想要的是菜单保持显示，否则它应该消失。为此，您可以使用 Javascript。就像是：

$("#heading").mouseenter(function(e) {
  if ($(e.ralatedTraget).prop('id') != 'menu') {
   $("#menu").stop().fadeIn(500);
   }
});
$("#heading").mouseleave(function(e) {
   if ($(e.ralatedTraget).prop('id') != 'menu') {
     $("#menu").stop().fadeOut(500);
    }
});
于 2012-08-27T12:41:42.113 回答
0

这是你的 CSS 的结构。我已经构建了一个简单的下拉列表，您应该能够使用或复制并实现您所拥有的。

提琴手示例

于 2012-08-27T12:45:21.253 回答