【发布时间】:2014-03-27 23:01:26
【问题描述】:
我花了很多时间思考如何处理它,但没有结果。 我有一些 HTML 代码:
<aside class="column-left">
<ul class="menu">
<li><a href="#">Cukierki</a>
<ul class="subMenu">
<li><a href="#">Cukierki</a></li>
<li><a href="#">Lemoniada</a></li>
<li><a href="#">Wata cukrowa</a></li>
<li><a href="#">Wlochate Nogi</a></li>
</ul>
</li>
<li><a href="#">Lemoniada</a>
<ul class="subMenu">
<li><a href="#">Leonidas</a></li>
<li><a href="#">Britney</a></li>
<li><a href="#">Herkules</a></li>
<li><a href="#">Vader</a></li>
</ul>
</li>
<li><a href="#">Wata cukrowa</a>
<ul class="subMenu">
<li><a href="#">Cukierki</a></li>
<li><a href="#">Lemoniada</a></li>
<li><a href="#">Wata cukrowa</a></li>
<li><a href="#">Drewno z metalu</a></li>
</ul>
</li>
<li><a href="#">Gówno</a></li>
</ul>
</aside>
和 jQuery 代码:
PROJECT = {
init: function(){
this.showMenu();
},
showMenu: function(){
$('.column-left .menu li').on({
mouseenter: function(){
$(this).find('.subMenu').stop(true,true).slideDown();
},
mouseleave: function(){
$(this).find('.subMenu').stop(true,true).delay(1000).slideUp();
}
})
}
}
$(document).ready(function(){
PROJECT.init();
});
当我从上到下选择li 时,一切正常,但相反我需要等待 1 秒钟,直到“新”.subMenu 向下滑动。我想要获得的效果是在我悬停“li”时在准确的时间更改 .subMenu。我需要延迟才能到达远离“li”的.subMenu。
我做错了什么?:D
【问题讨论】:
-
请尝试更清楚地了解问题所在?如果您不希望延迟,则将其删除。
标签: jquery html menu delay slidedown