javascript - 删除表 TR，同时维护 addClass

Question

好的，我有一个表 TR，当您按下按钮时它会被删除。我正在使用 animate.css 并希望在我的 ajax 请求完成后添加一个类。这会将行滑出，但是我也需要删除行。

我的javascript如下:

$(".remove").click(function(){
    var tr = $(this).closest('tr');
    var id = $(this).closest('tr').find('.id').html();
    var dataString = 'id='+id;
    $.ajax({
        type: "POST",
        url: "/admin/deleteEvent/",
        data: dataString,
        success: function() {
            $(tr).addClass('animated bounceOutLeft');
            $(tr).remove();
        }
    });
});

我关注的部分是:

success: function() {
   $(tr).addClass('animated bounceOutLeft');
   $(tr).remove();
}

现在，表格行刚刚消失，所以它就像跳过添加类部分以将行滑出。如何使添加类与删除同时发生？

Answer 1

我不认为有一个回调可以用来知道 addclass 何时完成。您可能想尝试使用 setTimeout 在一小段时间间隔后触发删除。

像这样:

$(tr).addClass('animated bounceOutLeft');
    window.setTimeout(function(){
        $(tr).remove();
},500);

这是一个有效的 fiddle (没有所有的 ajax 东西) http://jsfiddle.net/9rbXg/