我有一个有趣的 jquery 问题。本质上,当我将鼠标悬停在另一个父级上以显示子菜单时,我需要一个粘性子菜单来隐藏,然后当我没有将鼠标悬停在具有子菜单的另一个父级上时重新出现。这一切都很好,问题是当我将鼠标悬停在我的粘性子菜单中的一个子 li 上时,子菜单会翻转,在显示和不显示之间闪烁。好像我的jquery被子li继承了?无论如何,这是代码:
CSS
.current-menu-parent ul{
display:block;
position:absolute;
}
#primary-nav ul li:hover ul {
display:inline;
position:absolute;
}
#primary-nav ul li > ul{
display:none;
}
JavaScript
$(document).ready(function(){
$(".current-menu-parent ul").show()
$("#primary-nav > ul.menu li").mouseover(function(){
$(".current-menu-parent ul").hide();
});
$("#primary-nav > ul.menu li").mouseout(function(){
$(".current-menu-parent ul").show();
});
});
HTML
<div id="primary-nav">
<ul class="menu">
<li>item</li>
<li class="current-menu-parent">This is the current menu parent item
<ul>
<li>Current page</li>
<li>page</li>
<li>page</li>
</ul>
</li>
<ul>
</div>