使用hoverintent，而不是显示/隐藏...帮助使用更改代码请

Question

我知道这个网站上有很多伟大的帮手，我仍然在学习jquery，但我喜欢它背后的功能。最近我创建了一个megadrop下拉菜单，但我开始使用hoverintent插件而不是使用show/hide来提供很多建议。我失去了尝试改变我的编码，使其工作...请帮助...谢谢总是人和GALS！

哦，我认为改为hoverintent可以阻止构建的溢出，但我不认为我的代码正在阻止这种情况的发生？

我的网站...只是关于DKE下拉作品...

http://www.nestudiosonline.com/test.php

我的jQuery脚本...

$(document).ready(function() { 
    // shows the hidden div in the list 
    $('#dave').mouseover(function() { 
     $('#aboutdke').show('slow'); 

    }); 
    // hides the hide the div again for that list item 
    $('#dave').mouseleave(function() { 
     $('#aboutdke').hide('slow'); 

    }); 
}); 

这里是我的html ....

<div id="pagelinks"> 
<ul id="menu"> 
    <li class="mega"><a class="dkeorg" href="#">DKE.ORG</a></li> 
     <li class="megamenu" id="dave"><a class="links" href="#">ABOUT DKE</a><div id="aboutdke"> 
     (about dke div content) 
      </div> 
    </div></li> 
     <li class="megamenu"><a class="links" href="#">ALUMNI</a></li> 
     <li class="megamenu"><a class="links" href="#">UNDERGRADUATES</a></li> 
     <li class="megamenu"><a class="links" href="#">EVENTS</a></li> 
     <li class="megamenu"><a class="links" href="#">MULTIMEDIA</a></li> 
     <li class="megamenu"><a class="links" href="#">SHOP DKE</a></li> 
     </ul> 
</div> 

Answer 1

在我找到真正的答案之前有两件事：

1. 您在doctype后缺少开头正文标记。

2. 只有小写标签在XHTML中有效。

事件只触发#aboutdke，因为这是您硬编码到事件回调函数中的一个元素。尝试更抽象的东西：

$('#menu > li').mouseover(function() { 
    $(this).children().is('div').show('slow'); 
}); 
$('#menu > li').mouseleave(function() { 
    $(this).children().is('div').hide('slow'); 
}); 

这应该（如果内存服务）适用于每个菜单项。