Question

你好朋友，我是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();
});

使用mouseenter的jQuery下拉菜单

1 个答案: