jquery - 为每个子 jquery 设置动画

Question

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

$('.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了完整的属性

你也可以试试这个例子：

$('.element').hide()

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