JQuery .addClass()少了mixins

时间:2013-10-01 04:21:14

标签: javascript jquery css animation less

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

ex] .animated { // effects }已更改为:.animated(@ duration,@ delay){ //效果}

没有mixins的代码:

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

为了在@duration&中使用mixins,我试过了@delay:

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

如果您有任何建议或有更简单的方法可以告诉我。谢谢!

1 个答案:

答案 0 :(得分:4)

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

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

然后

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