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)
如果您有任何建议或有更简单的方法可以实现此目的,请告诉我.谢谢!
你不能这样做,你需要为 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)