jquery - jquery 在删除之前不会等待动画完成，为什么？

Question

我正在做一些简单的事情，而不仅仅是做：

$(this).next().remove();

我希望它有更多的闪光，并想添加一个动画功能

$(this).next().slideUp().remove();

它会在移除之前向上滑动以隐藏项目。在使用 Chrome 进行测试时，它几乎只是删除了这些项目，并没有完成我所期望的平滑过渡。

没有删除的测试有正确使用 slideUp() 的项目。

有什么我想念的吗？

Answer 1

尝试使用slideUp()方法的回调函数。

$(this).next().slideUp(function() {
  // remove the element after 
  // animation finished
  $(this).remove();
});

Answer 2

这是因为slideUp发生在后台。要等到它完成，请使用它的回调。

$(this).next().slideUp(function(){
    $(this).remove();
});

Answer 3

动画调用是异步的，它开始但继续执行。完成你想要的方法是使用回调可能是这样的：

 $(this).next().slideUp(function(){
     $(this).remove();
    });