使用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);