jquery - 使用 mouseenter 的 jQuery 下拉菜单

Question

你好朋友，我是 jquery 的新手，正在尝试开发一个下拉菜单，我遇到了一些问题。我有三个主链接，当用户将鼠标悬停在服务选项卡上时会出现下拉菜单，但我的下拉菜单出现在悬停每个主选项卡以进行演示时，请单击链接。我还在下面提到了我的代码

脚本

$('.navi_top ul > li').mouseenter(function(){
            $('.navi_top ul > li ul').slideDown()});

        $('.navi_top ul > li').mouseleave(function(){
            $('.navi_top ul > li ul').slideUp()});

当您通过此链接时，我知道发生了什么。请帮我解决这个问题..

Answer 1

嗨，在您的脚本中，您正在输入链接，但没有滑动目标 ul 的子项。所以你应该这样做，这将完美地检查这一点：http: //jsfiddle.net/5e3At/2/

$('.navi_top ul li').mouseenter(function(){
  $('ul',this).stop().slideDown();
});

$('.navi_top ul li').mouseleave(function(){
  $('ul',this).stop().slideUp();
});