jquery悬停以显示菜单问题

我正在尝试添加悬停效果以显示/隐藏下拉菜单。问题是当我将鼠标悬停在菜单显示的链接上时，该链接又消失了

$(".hoverli").hover(
  function () {
     $('ul.file_menu').slideDown('medium');
  }, 
  function () {
     $('ul.file_menu').slideUp('medium');
  }
);

请在此处查看演示：

你能告诉我代码中缺少了什么吗

---

谢谢

原因是，当您在

.file\u菜单

上时，它不再是

悬停

。所以，一个小小的改变就能解决问题

$(document).ready(function () {
    $("#button").hover(
  function () {
     $('ul.file_menu').slideDown('medium');
  }, 
  function () {
     $('ul.file_menu').slideUp('medium');
  }
);

});​

---

Fiddle:原因是，当您在

.file\u菜单

上时，它不再是

悬停

。所以，一个小小的改变就能解决问题

$(document).ready(function () {
    $("#button").hover(
  function () {
     $('ul.file_menu').slideDown('medium');
  }, 
  function () {
     $('ul.file_menu').slideUp('medium');
  }
);

});​

---

小提琴：发生这种情况是因为ul不在你的锚定标签内，所以当你悬停ul时，你实际上触发了锚定的“out”事件。

发生这种情况是因为ul不在你的锚定标签内，所以当你悬停ul时，你实际上触发了锚定的“out”事件。

我是这样做的：

$(document).ready(function() {
    var tim;
    $(".hoverli, .file_menu").on({
        mouseenter: function() {
            clearTimeout(tim);
            $('ul.file_menu').slideDown('medium');
        },
        mouseleave: function() {
            tim = setTimeout(function() {
                $('ul.file_menu').slideUp('medium');
            }, 300);
        }
    });
});​

以下是我的做法：

$(document).ready(function() {
    var tim;
    $(".hoverli, .file_menu").on({
        mouseenter: function() {
            clearTimeout(tim);
            $('ul.file_menu').slideDown('medium');
        },
        mouseleave: function() {
            tim = setTimeout(function() {
                $('ul.file_menu').slideUp('medium');
            }, 300);
        }
    });
});​

试试这个：

  $(".hoverli").hover(function () {
      $('ul.file_menu').slideDown('medium');
  });
  $('ul.file_menu').bind('mouseleave', function(){
     $('ul.file_menu').slideUp('medium'); 
  });

试试这个：

  $(".hoverli").hover(function () {
      $('ul.file_menu').slideDown('medium');
  });
  $('ul.file_menu').bind('mouseleave', function(){
     $('ul.file_menu').slideUp('medium'); 
  });

---

在链接和菜单上移动可进入

slideUp

和

slideDown

！：p移动链接和菜单可进入

slideUp

和

slideDown

！：P@kumo99将锚和

UL

包装在一个通用标签上，并在其上悬停

：）

@kumo99将锚和

UL

包装在一个通用标签上，并在其上悬停<代码>：）