JQuery .addClass()少了mixins

use*_*832 5 javascript css jquery animation less

我有一个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");
}
Run Code Online (Sandbox Code Playgroud)

为了在@duration和@delay中使用mixins我尝试了什么:

function waterColorAnmiation(){
    $("#stroke1").addClass("animated(1, 3) fadeInUp");
}
Run Code Online (Sandbox Code Playgroud)

如果您有任何建议或有更简单的方法可以实现此目的,请告诉我.谢谢!

Aru*_*hny 4

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

.animated13 {
    .animated(1, 3);
}
Run Code Online (Sandbox Code Playgroud)

然后

$("#stroke1").addClass("animated13 fadeInUp");
Run Code Online (Sandbox Code Playgroud)