Jquery - 在hide()之后删除()

时间:2010-06-24 20:14:06

标签: jquery jquery-animate

我想要使用remove()删除div。我想在删除div之前/之后显示动画。我只能在隐藏div时显示动画。

如果我想要显示动画,请执行remove()。这是怎么做的?

到目前为止

代码:

//Delete Button - delete from cart
$('.ui-icon-trash').live('click',function() {
    $(this).closest('li').hide("puff", {}, 1000)
});

2 个答案:

答案 0 :(得分:24)

.hide()(jQuery UI .hide() reference)的回调函数中执行此操作,如下所示:

$('.ui-icon-trash').on('click', function() {
  $(this).closest('li').hide("puff", {}, 1000, function() {
    $(this).remove();
  });
});

最后的函数作为回调运行,在动画完成时执行...所以当你想要:)

答案 1 :(得分:5)

你也可以检查一下:

$(this).hide("puff").delay(10).queue(function(){$(this).remove();});