jquery - 如何使用 JQuery 让一个 DIV 在另一个 DIV 之前淡出()？

Question

如何让 DIV(.level2) 仅在 DIV(.level3) 隐藏时才开始执行 fadeOut()？

目前发生的情况是 DIV(.level2) 在我的菜单上的 DIV(.level3) 之前淡出......看起来真的很困惑。

请参阅下面的代码:

$('.level3').live('mouseleave', function(){

    $('.level3').delay(2300).fadeOut(250);

    if($('.level3:hidden')){
        $('.level2').delay(2300).fadeOut(250);
    }
    })

非常感谢任何帮助，谢谢

Answer 1

不，为什么要这样？使用回调!首先隐藏level3，然后添加隐藏level2的回调:

$('.level3').fadeOut(250, function(){$('.level2').fadeOut(250);});

隐藏 .level2 的回调函数 function(){$('.level2').fadeOut(250);} 仅当 $ 时才会被调用('.level3').fadeOut() 完成，换句话说，当 .level3 隐藏时。

另请查看> THIS <。它将帮助您了解 jQuery API 的工作原理。