依次使用動畫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/