我在列表上有菜单,这是 html:
<div class="main_menu">
<ul>
<li>
<a href="#" target="_self"><span>Content</span></a>
<div id="submenu_01" class="sub_menu_main"></div>
</li>
<li>
<a href="#" target="_self"><span>Content</span></a>
<div id="submenu_02" class="sub_menu_main"></div>
</li>
</ul>
</div>
现在 - 在悬停列表元素时,我需要显示sub_menu_main
每个 li 的 div 并且具有不同的内容。此外,我想在 mouseleve 操作上有一些超时,以便将列表的 div 元素更改一段时间保持在室外,而另一个尚未出现。
这是我的功能:
$('.main_menu ul li').mouseenter(function(){
$('.sub_menu_main').css('display','block');
});
$('.main_menu ul').find('li').each().mouseleave(function(){
setTimeout(function(){
$('.sub_menu_main').css('display','none');
},2000);
});
谢谢帮助。