使用鼠标器的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();
});