Question

试图弄清楚这一点并没有取得多大成功。首先，我想确保在淡入淡出之前完成html调用并在其下面调用两个函数。

其次，我想在html加载之后和fadein和两个函数之前添加一个延迟，比如说200。

我可以在html调用结束时添加.delay（200），但它只会延迟淡入淡出...其他两个函数运行得更早......我三个都同时运行。如果我在函数调用中使用load并将这三个包装起来，我试图模仿相同的结果。

if (response.success) {

    $myElem = $('#show-edit'); //performance
    $myElem.fadeOut('fast', function(){                 
        $myElem.html('someText');

        //once html added do these
        $myElem.fadeIn('fast');

        showSelect();

        // show success toast
        toastr.info('User \'<b>'+response.username+'</b>\' has been deleted.', 'Success');

    });
}

Answer 1

使用timeOut，或者您可以将delay()与queue()一起使用，但实际上并不容易：

if (response.success) {
    $('#show-edit').fadeOut('fast', function(){                 
        var self = $(this);
        self.html('someText');
        setTimeout(function() {
           self.fadeIn('fast');
           showSelect();
           toastr.info('User \'<b>'+response.username+'</b>\' has been deleted.', 'Success');
        },200)
    });
}

html与html和调用组之间的延迟

1 个答案: