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

Posted 2023-05-08

【中文标题】鼠标悬停子菜单时禁用 .slideUp 功能

【英文标题】：Disable .slideUp function when mouse hover sub menu

【发布时间】：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');
        

    )

【参考方案1】：

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

mouseOver

mouseOut