javascript - 使用 animate css 按顺序动画元素

Question

我有以下 http://jsfiddle.net/fFMt2/1/ ，其中我有一套 20 个盒子。我使用来自 http://daneden.me/animate 的动画 css 插件.

我想做的是按顺序为每个框设置动画，我的意思是让它们一个接一个地设置动画。

我不确定我错过了什么让它们按顺序动画。

我似乎对 setTimeout 函数做错了什么

setTimeout(function(){
        $('.slider').append('<li><div class="box animated bounceInRight"></div></li>');
        },100);

如果有人能帮我解决这个问题，我将不胜感激

Answer 1

您必须增加每个元素的延迟。

 setTimeout(function(){
    ...
 },100 * idx);
        --^--

演示: http://jsfiddle.net/fFMt2/2/