jQuery";下压;在Twitter上列出';s的主页

jQuery";下压;在Twitter上列出';s的主页,jquery,jquery-plugins,Jquery,Jquery Plugins,我需要一个类似于Twitter主页的jQuery列表。这意味着,要列出许多帖子,然后在X秒后,在列表顶部插入另一篇帖子,并将其余的帖子向下推。具体操作方法取决于您要添加的内容。但是,作为一项基本原则,您可以遵循以下方法: HTML: 第一项 第二项 Javascript: $(document).ready(function(){ setInterval(function(){ $('<div>New item</div>').hide().p

我需要一个类似于Twitter主页的jQuery列表。这意味着,要列出许多帖子,然后在X秒后,在列表顶部插入另一篇帖子,并将其余的帖子向下推。

具体操作方法取决于您要添加的内容。但是,作为一项基本原则,您可以遵循以下方法:

HTML:


第一项
第二项
Javascript:

$(document).ready(function(){
    setInterval(function(){
        $('<div>New item</div>').hide().prependTo('#container').slideDown('slow');
    },4000);
});
$(文档).ready(函数(){
setInterval(函数(){
$('newitem').hide().prependTo('#container').slideDown('slow');
},4000);
});
这将每4秒向容器顶部添加一个新div。当它被添加时,它将逐渐向下滑动,并相应地向下推动现有的div


如果您能提供一些关于数据来源的信息,我可以建议您如何实现它。

好的,我正在使用RubyonRails。基本上,我的信息来自一系列帖子。请让我知道你需要什么信息,这样我就可以提供给你。是AJAX吗?您的列表结构是什么?您收到的数据的结构是什么?有两种可能:1)将所有帖子加载到一个集合中,包含其标题、描述、作者等。2)使用ajax动态加载帖子。我需要这两种解决方案为不同类型的名单,该网站有。对于(1),你会根据这仅仅是间隔?也就是说,每隔
n
秒,将另一个div添加到列表中,直到添加完整个集合?
$(document).ready(function(){
    setInterval(function(){
        $('<div>New item</div>').hide().prependTo('#container').slideDown('slow');
    },4000);
});