добавить классы animate.css, а затем удалить элемент с удалением

Question

Я пытаюсь добавить некоторые классы css на мой ярлык/флажок, а затем удалить классы, а затем удалить элемент после его проверки. Хотя я изо всех сил стараюсь и умею делать то или другое.

$(function() { 
    $("label[for='<%= @todo.id %>']").click(function() { 
     el = $("#todo-container-<%= @todo.id %>"); 
     el.addClass('animated fadeOut'); 
     el.one('webkitAnimationEnd oanimationend msAnimationEnd animationend', 
     function (e) { 
      el.removeClass('animated fadeOut'); 
      el.remove(); 
     }); 
    }); 
}); 

Здесь я пытаюсь (в моем файле complete.js.erb) на ярлык мыши (который проверяет флажок) добавить анимацию и классы FADEOUT в контейнер, а затем удалить класс, а также как контейнерный элемент после того, как он исчез.

Может ли кто-нибудь помочь мне? Мой код только делает 1 из моих требований 2

Answer 1

Вы можете посмотреть на «animationend» прослушивателя событий:

el.addEventListener("animationend", function().. , false); 

Более подробную информацию можно найти здесь:

W3Schools animationend Event