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类添加到容器中，然后删除类以及容器元素它已经褪色了。

任何人都可以帮助我吗？我的代码只执行我的2个要求中的一个

Answer 1

您可以查看“animationend”事件监听器：

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

可在此处找到更多信息：

W3Schools animationend Event

添加animate.css类，然后使用remove删除元素

1 个答案: