javascript - 使用 jQuery 为 div 设置动画并将其下推的内容

Question

我正在按特定顺序在 div 中制作动画。我以绝对定位将它们全部从顶部开始，display: none因此它们在同一空间中彼此重叠且不可见。按照由其他东西确定的特定顺序，我想将它们单独淡入并滑下已经淡入的那些。

我正在使用循环浏览评论的代码并检查一个是否准备好（通过另一个不重要的指标）。如果是这样，那就是我想做这个淡入/滑下其他东西的时候。这是我（不成功）尝试这样做的方式：

$('#item' + i).fadeIn("slow");
$('#item_' + i).animate({   
    top: '0px'
}, 500);
$('#item_' + i).css('position', 'relative');

Answer 1

如果有，绝对定位有什么意义display: none？您可以使所有 div 相对定位或完全删除位置样式。然后只需抓住 div 并将其添加到所需的容器 - http://jsfiddle.net/zvc76/1/

$("#item" + i).prependTo("#container").show(400);