javascript - 使用动画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);

感谢有人可以帮我解决这个问题

score 3 · Accepted Answer

您必须增加每个项目的延迟。

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

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

1 回答 1