运行动画，然后删除元素

run animation then remove element

本文关键字：删除 元素 然后 动画 运行      更新时间：2023-09-26

我想运行一个简单的动画，然后删除div，因为它位于某些按钮上，因此您无法在动画后单击它们。

.JS

$(".intro").eq(0).delay(800).animate({"opacity":"0"},1000 );

我尝试这样做以在动画后删除元素，但它之前将其删除。 

$(".intro").eq(0).delay(800).animate({"opacity":"0"},1000 ).remove();

在 animate 函数的回调中删除：

$(".intro").eq(0).delay(800).animate({opacity: 0}, 1000, function() {
  $(this).remove()
});

或者，在选项对象中添加完整的函数：

$(".intro").eq(0).delay(800).animate({opacity: 0}, {duration: 1000, complete: function() {$(this).remove();}});

您可以向其添加更多选项，例如缓和。查看 API 文档

动画完成后可以使用完整回调调用：

 $(".intro").eq(0).delay(800).animate({"opacity":"0"},1000, function() {
      $(this).remove();
 });

工作演示

使用完整的回调

$(".intro").eq(0).delay(800).animate({"opacity":"0"},1000, function() { $(this).remove(); } );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="intro">Hello</div>

相关文章：