Javascript 鼠标悬停子菜单时禁用.slideUp功能
我有个小问题。我希望当我将鼠标悬停在子菜单上时,当它打开时,子菜单不会折叠。谢谢Javascript 鼠标悬停子菜单时禁用.slideUp功能,javascript,menu,hover,submenu,slideup,Javascript,Menu,Hover,Submenu,Slideup,我有个小问题。我希望当我将鼠标悬停在子菜单上时,当它打开时,子菜单不会折叠。谢谢 $('.navigation').find('ul').parent().addClass('lv2-menu'); $('.lv2-menu').hover( function(){ el = $(this); el.find('ul').stop(false,true).slideDown(1000); },
$('.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'});
}
})
只需使用
onmouseover
和onmouseout
事件侦听器即可。对于onmouseover
功能,使元件向下滑动。对于onmouseout
功能,将元件滑回原位