如何在動畫結束時刪除課程？

Question

我有下面的jQuery代碼;

$(document).ready(function() { 
$("#btn").on("click",function(){ 
    $(".article_heading").addClass("animated bounce",function(){ 
     $(".article_heading").removeClass("animated bounce"); 
    }); 
}); 
}); 

，我的問題是animate.css.and我無法播放animate.css不止一次這個問題，因爲我想你在上面看到用jQuery來解決，但是當我加入動畫反彈在我的動畫結束後它必須被刪除。它是不可能的？我無法做到這一點回調和其他方式可以幫助我這個

Answer 1

添加類後，您可以偵聽animationend事件，然後當animationend被觸發時刪除回調中的類和事件偵聽器。

$("#btn").on("click", function() { 
    $(".article_heading").addClass("animated bounce").on('animationend', function (e) { 
    $(this).removeClass("animated bounce").off('animationend'); 
    }); 
}); 

你也可以使用.one()附加的事件，以便它僅觸發一次（這意味着該處理器並不需要在回調被刪除）。

$("#btn").on("click", function() { 
    $(".article_heading").addClass("animated bounce").one('animationend', function (e) { 
    $(this).removeClass("animated bounce"); 
    }); 
});