運行動畫然后刪除元素

Question

我正在嘗試運行一個簡單的動畫，然后刪除div，因為它位於某些按鈕上，因此您不能在動畫之后單擊它們。

JS

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

我嘗試這樣做是為了在動畫之后刪除該元素，但之前卻將其刪除。

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

Answer 1

在動畫函數的回調中刪除：

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

Answer 2

動畫完成后，您可以使用complete回調進行調用：

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

工作演示

Answer 3

使用完整的回調

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