javascript - 使用 jQuery show Animation 从数组追加 div

Question

我的数组中有一些div。我想使用 jQuery 的 .show('slow') 动画。

目前我有这个:

for(var i = 0; i < output.length; i++){
    jQuery("#container").append(output[i]).show('slow');
}

但是所有 div 都会立即附加。我认为问题是每个追加都不等待下一个追加？

你们有什么想法吗？

Answer 1

显示的所有代码操作都发生在同一帧上。先隐藏它们。

假设数组是 div 的字符串:

for (var i = 0; i < output.length; i++) {
    jQuery("#container").append($(output[i]).hide().delay(2000* i).show('slow'));
}

第二个问题是您希望将视觉淡入淡出一个接一个地链接起来，在这种情况下，只需在 show 之前引入逐渐增加的延迟即可。只需调整定时值即可获得您想要的效果。

JSFiddle: http://jsfiddle.net/nvffL4zt/1/