javascript - 具有较少混合的 JQuery .addClass()

Question

我有一个将类添加到元素的 JQuery 函数。我想使用http://daneden.me/animate/动画包。为此，我需要向我的元素添加两个类，“动画”和“动画类型示例”。但是，我不想添加一个简单的动画类，而是想将 animate.css 更改为 animate.less 以便我可以传入 mixin 参数。但是 JQuery addClass() 函数无法识别我的代码是有效的。

ex] .animated{ //effects } 已经改为： .animated(@duration, @delay){ //effects }

没有 mixins 的代码：

function waterColorAnmiation(){
    $("#stroke1").addClass("animated fadeInUp");
}

为了将mixins用于@duration和@delay，我尝试过什么：

function waterColorAnmiation(){
    $("#stroke1").addClass("animated(1, 3) fadeInUp");
}

如果您有任何建议或者是否有更简单的方法来完成此操作，请告诉我。谢谢！

Answer 1

你不能这样做，你需要为 mixin 定义一个新类，animated(1, 3)然后像在你的 less 文件中一样使用它

.animated13 {
    .animated(1, 3);
}

然后

$("#stroke1").addClass("animated13 fadeInUp");