jquery - 动画每个 child jquery

Question

令人惊奇的是，这应该是多么简单，但我无法让它工作。我希望一次为一组 div 设置动画。对于熟悉它的人，我正在使用 animate.css。我想我可能已经找到答案了here但 jsFiddle 目前不工作。任何人，代码是

$('.elements').each(函数(i) { $(this).addClass('动画 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));
});