javascript - Jquery向下滑动不滑动；相反，替换

Question

我正在尝试编写一个小脚本 - 一个接一个 - 从一组 div 中抓取一些预制的 div，将它们放在页面上，然后将它们中的每一个向下滑动。目标是最终得到类似这样的东西，但可能是大量动态的 div。

这是我正在使用的函数（“list”是我的 div 数组）：

function popMsg(){
        var popped = list.pop(); 
        $(popped).appendTo("#chatframe").addClass("sliding");
        $(".sliding").slideDown(1000);
        setTimeout(popMsg, 1000);
    }

它可以在页面上获取 div，但不会发生下滑。相反，每个 div 都会替换最后一个，只是将一个放在另一个上。我不确定我做错了什么并且完全没有想法。

Answer 1

呸！弄清楚了。我做了两件非常愚蠢的事情：

a) 我将 .sliding 的 css 设置为绝对值。我把它改成相对的。

b) 我需要 prependTo 而不是 appendTo。这使得每个 div 下推它之前的那些。

它现在像梦一样工作。