Question

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

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

Answer 1

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

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

Answer 2

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

消除差距，它会起作用。

Answer 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);
    }
});

Answer 4

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

Fiddler Example

移动鼠标时，Css菜单消失得太快

4 个答案: