使用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/