Question

我有一个在元素上添加类（动画）的函数，但它没有按计划工作。

我希望用户一次添加一个类。如何验证？我真的不知道如何用原始的Javascript做到这一点。我认为使用jQuery很容易，因为jQuery具有出色的one()函数。

我尝试在动画停止时删除该类，但用户仍然可以添加多个类。因此，动画期间会有几个类，只有当动画消失时才会被删除。看：

el.classList.add("test", anotherClass);
el.addEventListener("webkitAnimationEnd", function() {
    el.classList.remove(anotherClass);
}, true);`

基本上，我想做的是：

按钮点击＆gt;添加课程＆gt;当由另一个按钮（以及新类）完成或中断时，删除类或添加新的

Obs。：我是JavaScript的noob，所以，请不要用困难的单词解释。

Answer 1

尝试简单的事情：

function setSingleClass(el, singleClass)
{
    if (!el._isSingleClassSet) {
        el.classList.add(singleClass);
        el._isSingleClassSet = 1
        el.addEventListener("webkitAnimationEnd", function () {
            el.classList.remove(singleClass);
            el._isSingleClassSet = 0
        }, true);
    }
}

使用Javascript一次添加一个类？

1 个答案: