jquery - animate.css 用于着陆页的欢迎效果

Question

发现了这个很酷的东西 https://github.com/daneden/animate.css .它在页面启动期间工作，但在那之后我发现动画 css 仍然在中间启动。

例如，我使用 $('.sidebar').addClass('animated fadeInLeft'); 当我逐页单击时，我仍然会设置动画。如何限制它只工作一次？

Answer 1

根据 .css 文件 ( https://github.com/daneden/animate.css/blob/master/animate.css ) 动画持续时间为 1 秒。

所以你只需要在 1 秒后从元素中删除类之前的设置。

setTimeout(function(){
   $('.sidebar').removeClass('animated fadeInLeft');
}, 1000);

如果您正在使用“.hinge”类，那么您需要将“setTimeout”函数的超时增加到 2 秒。