【问题标题】:Choosing menu elements after .delay()在 .delay() 之后选择菜单元素
【发布时间】: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


【解决方案1】:

如果我明白了:

只需更改此(删除 delay(1000) ):

$(this).find('.subMenu').stop(true,true).delay(1000).slideUp();

$(this).find('.subMenu').stop(true,true).slideUp();

不确定您的问题是什么。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-05-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-18
    • 2013-08-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多