在保持addClass的同时删除表TR

时间:2014-07-25 00:13:09

标签: javascript jquery html css

好的,当你按下按钮时,我有一个表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();
}

现在,表格行只是消失所以就像它正在跳过添加类部分来滑动行。如何使add类与remove?

同时发生

1 个答案:

答案 0 :(得分:0)

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

这样的事情:

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

这是一个工作小提琴(没有所有的ajax东西) http://jsfiddle.net/9rbXg/