Question

今天我遇到了列表和Jquery的问题。我有一个包含4个元素的列表。它是从数据库动态生成的，每隔x秒刷新一次数据库。当我有一个新的记录，我想删除最后一个列表项（这是有效的），并添加一个新的项目到列表的顶部有一些奇特的效果，并闪烁4或5次。实际上我有一个工作代码，但我认为它应该做得更好。我的问题是这样做的最佳解决方案是什么？

以下是代码：

 $( document ).ready(function() {
$.fn.fadeInNext = function(delay) {
    return $(this).fadeIn(delay,function() {
        $(this).next().fadeInNext();
    });
};

$('li').hide().fadeInNext(1500);
$('li').last().remove();
$('li:eq(0)').before("<li>New item</li>").fadeIn(1500);
});

感谢您的回答！

此致的Gabor

Answer 1

像this这样的东西会很好我猜

$(function(){
    var ul = $('.list-group');
    var li = ul.find('li').last().clone();
    ul.prepend(li);
    li.stop()
        .css('backgroundColor','#FAA523')
        .animate({"backgroundColor": "white"},1500);
});

注意：这有一个插件dependency。因此，请确保包含该内容。

列表项添加到第一个位置并使用Jquery删除最后一个元素

1 个答案: