Jquery滑落不滑;相反,取代

时间:2011-03-31 19:51:55

标签: javascript jquery slidedown

我正在尝试编写一个小脚本 - 逐个 - 从一组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替换最后一个,只是将一个层叠在另一个上面。我不确定我做错了什么,完全没有想法。

1 个答案:

答案 0 :(得分:0)

尔加!弄清楚了。我做了两件非常愚蠢的事情:

a)我将.sliding的css设置为绝对值。我把它变成了亲戚。

b)我需要prependTo而不是appendTo。这使得每个div都会压低它之前的那些。

它现在像梦一样工作。