jQuery slideUp（）完成后如何运行代码？

Question

有什么方法可以执行html() ，只有在slideUp()完成时才能执行？

<p class="test">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tortor elit</p>

$(".test").slideUp().html("");

我尝试用Deferred和queue来做，但是失败了。

Answer 1

在动画complete回调中执行此操作 。

$(".test").slideUp(function(){ 
  $(this).html(""); 
});

 $(".test").slideUp(2000,function() { $(this).html(""); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p class="test">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tortor elit</p>