如何使用JQuery使一个DIV在另一个DIV之前淡出()?
如何使DIV(.level2)仅在DIV(.level3)隐藏时才开始执行淡出()如何使用JQuery使一个DIV在另一个DIV之前淡出()?,jquery,Jquery,如何使DIV(.level2)仅在DIV(.level3)隐藏时才开始执行淡出()现在发生的事情是,在我的菜单上的DIV(.level3)之前,DIV(.level2)会逐渐消失……看起来真是一团糟。 请参见下面的代码: $('.level3').live('mouseleave', function(){ $('.level3').delay(2300).fadeOut(250); if($('.level3:hidden')){ $('.level2').
现在发生的事情是,在我的菜单上的DIV(.level3)之前,DIV(.level2)会逐渐消失……看起来真是一团糟。
请参见下面的代码:
$('.level3').live('mouseleave', function(){
$('.level3').delay(2300).fadeOut(250);
if($('.level3:hidden')){
$('.level2').delay(2300).fadeOut(250);
}
})
非常感谢您的任何帮助,谢谢不,为什么这样?使用回调!首先隐藏级别3,然后添加将隐藏级别2的回调:
$('.level3').fadeOut(250, function(){$('.level2').fadeOut(250);});
回调函数function(){$('.level2').fadeOut(250);}
隐藏.level2
仅当$('.level3').fadeOut()
完成时,换句话说,当.level3
隐藏时才会调用
还可以查看>尝试以下操作:
$('.level3').live('mouseleave', function(){
if($('.level3:hidden')){
$('.level2').fadeOut(250);
}
else{
$('.level3').fadeOut(250);
$('.level2').delay(250).fadeOut(250);
}
})
非常感谢…哈哈,对不起,我是JQuery的新手