Jquery Slidedown不滑动；相反，替换
我正在尝试编写一个小脚本，一个一个地从一系列 div 中抓取一些预制的 div，将它们放在页面上，然后将每个 div 向下滑动。我们的目标是最终得到这样的东西，但对于潜在大量且动态数量的 div。
这是我正在使用的函数（“list”是我的 div 数组）：
function popMsg(){
var popped = list.pop();
$(popped).appendTo("#chatframe").addClass("sliding");
$(".sliding").slideDown(1000);
setTimeout(popMsg, 1000);
}
它正在获取页面上的 div，但不会发生下滑。相反，每个 div 都会替换最后一个 div，只是将一个 div 层叠在另一个 div 之上。我不确定我做错了什么并且完全没有想法。
I am trying to write a little script that - one by one - grabs some pre-made divs out of an array of divs, puts them on the page, and then slides each of them down. The goal is to end up with something like this, but for a potentially large and dynamic number of divs.
Here's the function I'm using ("list" is my array of divs):
function popMsg(){
var popped = list.pop();
$(popped).appendTo("#chatframe").addClass("sliding");
$(".sliding").slideDown(1000);
setTimeout(popMsg, 1000);
}
It is working in terms of getting the divs on the page, but the slidedown doesn't happen. Instead, each div replaces the last, just layering one on top of another. I'm not sure what I'm doing wrong and am totally out of ideas.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
嘎！想通了。我做了两件极其愚蠢的事情：
a）我将 .sliding 的 css 设置为绝对。我把它改成了亲戚。
b) 我需要 prependTo 而不是appendTo。这使得每个 div 都将其前面的 div 下推。
现在它的运作就像做梦一样。
Gah! Figured it out. I was doing two insanely stupid things:
a) I had the css for .sliding set to absolute. I changed it to relative.
b) I needed prependTo instead of appendTo. This makes each div push down the ones before it.
It's now working like a dream.