我的数组中有一些div。我想使用 jQuery 的 .show('slow') 动画。
目前我有这个:
for(var i = 0; i < output.length; i++){
jQuery("#container").append(output[i]).show('slow');
}
但是所有 div 都会立即附加。我认为问题是每个追加都不等待下一个追加?
你们有什么想法吗?
最佳答案
显示的所有代码操作都发生在同一帧上。先隐藏它们。
假设数组是 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/
关于javascript - 使用 jQuery show Animation 从数组追加 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28721398/