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

Question

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

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

不使用 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");