当鼠标未超过链接时下拉菜单消失
当鼠标未超过链接时下拉菜单消失
提问于 2015-05-24 18:28:44
因此，我尝试使用Jquery创建下拉菜单，但是当您尝试选择第二个链接时，菜单就消失了。此外，我如何使它只有一个下拉菜单可以在一次出现？
我怎么才能改变这个来修复它呢？
$('#nav a').bind('mouseover', openSubMenu);
$('#nav ul ul').bind('mouseout', closeSubMenu);
function openSubMenu(){
$(this).parent().find('ul').slideDown(300);
};
function closeSubMenu(){
$(this).closest('ul').slideUp(300);
};回答 1
Stack Overflow用户
回答已采纳
发布于 2015-05-24 18:45:12
使用mouseleave代替：
$('#nav ul ul').bind('mouseleave', closeSubMenu);下面是一个更新的小提琴。
来自W3schools
当鼠标指针离开任何子元素以及所选元素时，mouseout事件将触发。 只有在鼠标指针离开选定元素时才触发mouseleave事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30426876
复制相关文章
相似问题
腾讯云开发者
