javascript - 无法保持 jQuery 下拉列表向下滑动

Question

所以我正在为某人制作一个网站，我对 jQuery 还很陌生(这可能没有帮助)。该网站需要一个下拉菜单来显示列表中画廊的链接，而不是将它们全部放在导航栏中。问题是，每当我将鼠标悬停在 li 元素上时，下拉菜单会向下滑动，但当我将鼠标悬停在下拉菜单上时，它会向上滑动。

$(document).ready(function () {
  $("li#navi-dropdown").hover(
    function () {
      $('ul.nav-dropdown').slideDown('medium');
    }, 
    function () {
      $('ul.nav-dropdown').slideUp('medium');
    }
  );
});

可能是一些简单的事情，但非常欢迎帮助。下面的 JSFiddle。

http://jsfiddle.net/6e87Lwkb/

Answer 1

您正在 me 处理程序中切换事件，您需要这样做:

 $(document).ready(function () {
    $("li#navi-dropdown").on('mouseover',function () {
     $('ul.nav-dropdown').slideDown('medium');
  })

  $("ul.nav-dropdown").on('mouseleave',function () {
     $('ul.nav-dropdown').slideUp('medium');
  });
});

我也更新了你的 fiddle ，检查它现在可以工作了。

这是我的 fiddle :

http://jsfiddle.net/6e87Lwkb/7/