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

在animation complete callback 内进行。

$(".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>