javascript - 用于向 dom 元素添加或删除类的 jquery 插件

Question

可以创建一个 jquery 插件，允许向 dom 元素添加或删除特定类，并在 onComplete 调用另一个函数。我这样做是为了避免使用此处解释的延迟:css3 and jquery load page slider effect

我可以这样使用的东西:

myFunction('#domElement', addClass/removeClass, classToAddOrRemove, callBackFunctionOnComplete);

Answer 1

我假设您正在使用 css 转换来执行此操作，那么为什么不删除该类然后检查所有转换事件是否已完成，然后再运行您的回调。

http://jsfiddle.net/7cdh11qw/

var doClassyStuff = function(node, method, theClass, callback){
    $(node)[method](theClass);
    $(node).one("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){
        callback();
    });
}

doClassyStuff('#domElement', 'removeClass', 'someClass', function(){
    console.log("class removed");
});