使用 mouseenter 的 jQuery 下拉菜单

Question

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

脚本

$('.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();
});