jquery - 使用 jQuery 自动更新项目列表

Question

我想在我的网站上创建最新内容的列表，并且希望它每 3 秒更新一次。新项目必须通过动画添加到列表顶部。我不应该看起来像 Twitter 索引页(未登录用户的索引页)上的推文列表。

我熟悉 jQuery，我想知道是否有人知道我可以使用的插件。我还使用 PHP 从服务器发送信息，所以这不会成为问题，我只需要 jQuery 代码来处理这个问题。

你们知道有一个不错的 jQuery 插件可以帮我做到这一点吗？谢谢!

Answer 1

您不需要为此安装插件，因为在 jQuery 本身中实现起来相当简单。

您确实需要了解的一些内容是 jQuery prepend和 fadeIn方法 - 就是这样。

以下代码将每 3 秒将一个新项目淡入列表顶部。可以在此处找到其工作演示: http://jsfiddle.net/jonathon/7xvY5/

var itemCount = 1;

function addItem() {
    newItem = $("<li>Item " + itemCount + "</li>").hide();
    $("#mylist").prepend(newItem);
    newItem.fadeIn();

    itemCount++;
    setTimeout(addItem, 3000);
}

setTimeout(addItem, 3000);