依次使用动画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/