html和调用组之间的jquery延迟

试图弄明白这一点，但没有取得多大成功。首先也是最重要的一点是，我想确保在fadein和它下面的两个函数被调用之前，html调用已经完成

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

我可以在html调用的末尾添加.delay（200），但它只会延迟fadein。。。其他两个函数运行得更早。。。我想三个人同时跑。如果我在函数调用中使用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');

    });
}

if（response.success）{
$myElem=$（“#显示编辑”）；//性能
$myElem.fadeOut（'fast'，function（）{
$myElem.html（'someText'）；
//一旦添加了html，就可以执行以下操作
$myElem.fadeIn（'fast'）；
showSelect（）；
//致祝酒辞
toastr.info（'User\''+response.username+'\'已被删除'，'Success'）；
});
}

使用

超时

，或者您可以使用

延迟（）

和

队列（）

，但这并不容易：

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)
    });
}

if（response.success）{
$（“#显示编辑”）.fadeOut（'fast'，function（）{
var self=$（这是）；
html（'someText'）；
setTimeout（函数（）{
self.fadeIn（'fast'）；
showSelect（）；
toastr.info（'User\''+response.username+'\'已被删除'，'Success'）；
},200)
});
}

这太完美了！此响应来自模式中的按钮单击。模式淡入设置为快速（200），因此淡出模式和#显示编辑同时发生。。。然后是一个轻微的停顿，然后我想要的内容逐渐消失。。。完美的是否不需要检查html（）以确保其内容在setTimeout运行之前已加载？不，html（）是同步的，因此不需要回调。