使用animate css顺序动画元素

Question

我有以下http://jsfiddle.net/fFMt2/1/，其中我有一组20个盒子。我使用http://daneden.me/animate中的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/