如何在jquery slideUp()完成后运行代码?

时间:2017-01-24 11:30:23

标签: javascript jquery html slideup

有没有办法执行html(),只有当slideUp()完成时才会执行?

<p class="test">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tortor elit</p>
$(".test").slideUp().html("");

我尝试使用延迟和队列,但我失败了。

1 个答案:

答案 0 :(得分:5)

animation complete callback内进行。

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

&#13;
&#13;
$(".test").slideUp(2000,function() {
  $(this).html("");
});
&#13;
<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>
&#13;
&#13;
&#13;