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