javascript - 在所有fadeOut之后调用一个函数

Question

我想检测我的所有 fadeOut 何时完成

我的fadeOut在容器的所有项目上都是随机持续的。 每次淡出后，我都会删除项目，在所有项目fadeOut之后放置一个新项目。这个新项目已隐藏，等待淡入

function fadeOutItem(){ 
$('div.wrapper').children('.item-box').each(function(){
    $(this).fadeOut(Math.floor(Math.random() * 1300) + 200, function(){
        $(this)[0].remove();
    });
});
}

Answer 1

基本上，您需要知道您的包装器何时不再包含任何子级。您可以在 fadeOut 本身的回调函数中执行此操作:

function fadeOutItem(){ 
    $('div.wrapper').children('.item-box').each(function(){
        $(this).fadeOut(Math.floor(Math.random() * 1300) + 200, function(){
            $(this).remove();
            if ($('div.wrapper').children('.item-box').length === 0) {
                // add new item
            }
        });
    });
}