我正在尝试编写一个小脚本 - 逐个 - 从一组div中抓取一些预先制作的div,将它们放在页面上,然后将每个div向下滑动。目标是最终得到like this,但是对于潜在的大而动态的div数。
这是我正在使用的功能(“list”是我的div数组):
function popMsg(){
var popped = list.pop();
$(popped).appendTo("#chatframe").addClass("sliding");
$(".sliding").slideDown(1000);
setTimeout(popMsg, 1000);
}
它正在处理页面上的div,但滑动不会发生。相反,每个div替换最后一个,只是将一个层叠在另一个上面。我不确定我做错了什么,完全没有想法。
答案 0 :(得分:0)
尔加!弄清楚了。我做了两件非常愚蠢的事情:
a)我将.sliding的css设置为绝对值。我把它变成了亲戚。
b)我需要prependTo而不是appendTo。这使得每个div都会压低它之前的那些。
它现在像梦一样工作。