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

前端之家收集整理的这篇文章主要介绍了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");

猜你在找的CSS相关文章