javascript – 使用较少mixins的JQuery .addClass()

我有一个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");
}

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

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

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

最佳答案
你不能这样做,你需要为mixin动画定义一个新类(1,3),然后像使用它一样
在你的文件

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

然后

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效