Question

令人惊讶的是这应该是多么简单，但我无法让它发挥作用。我想一次一个动画一组div。我正在为熟悉它的人使用animate.css。我以为我可能找到了答案here但是jsFiddle现在还没有找到答案。 Anywho，代码是

$('.elements').each(function(i) { $(this).addClass('animated slideInLeft').delay(500); });

问题在于，当我调试并逐步浏览每个元素时，每个元素都会发生动画，但是当我让它运行时，所有人都会立即执行此操作。实际上一次显示一个动画需要什么？

由于

修改

jsFiddle备份，下面提供的链接没有帮助。答案不包括循环遍历元素，而是循环动画本身。

编辑2

如果你们需要的话，可以使用Fiddle。

Answer 1

$('.elements').each(function(i) {
   delay =(i)*500;
   $(this).delay(delay).animate({
       opacity:1
    }, {
    duration: 500,
    complete: function() {
       $(this).addClass('animated slideInLeft');
    }
  });  
});

编辑：我将addClass移到了完整的属性

你也可以尝试这个example：

$('.element').hide()

$('.element').each(function(i) {
   delay =(i)*500;
   setTimeout(function (div) {
            div.show().addClass('animated slideInLeft');
        }, delay, $(this));
});

动画每个孩子jquery

1 个答案: