鼠标悬停子菜单时禁用 .slideUp 功能答案

【问题标题】：Disable .slideUp function when mouse hover sub menu鼠标悬停子菜单时禁用 .slideUp 功能
【发布时间】：2013-01-05 00:20:45
【问题描述】：

我有一个小问题。我希望当我将鼠标悬停在子菜单上时，当它打开时，子菜单不会折叠。谢谢。

$('.navigation').find('ul').parent().addClass('lv2-menu');

    $('.lv2-menu').hover(

        function(){

            el = $(this);

            el.find('ul').stop(false,true).slideDown(1000);

        },
        function(){

            el = $(this);

            el.find('ul').stop(false,true).slideUp(1000);

        }
    )


    $('.navigation').find('.lv2-menu').each(function(){

        el = $(this);

        if(el.find('.current-menu-item').size()){

            el.addClass('show-sub');
            el.find('ul').css({'display':'block'});
        }

    })

【问题讨论】：

标签： javascript menu hover submenu slideup

【解决方案1】：

只需使用onmouseover 和onmouseout 事件侦听器。对于onmouseover 函数，让元素向下滑动。对于onmouseout 函数，让元素向上滑动。

mouseOver

mouseOut

【讨论】：