jquery将项目添加到UL然后排序，然后突出显示添加的项目

Question

这是我当前的代码

 $('ul#attachmentlist>li').last().after("<li>new item on list</li>");
 $('ul#attachmentlist>li').last().effect("highlight", {}, 2000);

我想要的是让新插入的 li 元素在排序后突出显示

 $('ul#attachmentlist>li').last().after("new item on list");
 $("ul#attachmentlist>li").tsort(); // tinysort plugin
 $('ul#attachmentlist>li').last().effect("highlight", {}, 2000);

我正在进行排序工作，我如何获得对新插入项目的引用，以便当我调用突出显示效果时，它突出显示新插入的元素，而不是列表中的最后一个元素？

谢谢

Answer 1

您可以在排序之前启动效果动画，使其仍然非常简单，如下所示:

$("<li>new item on list</li>").appendTo('ul#attachmentlist')
                              .effect("highlight", {}, 2000);
$('ul#attachmentlist>li').tsort();

这使用 $(html)创建元素的方法，并将其附加到父元素(从而使其成为最后一个元素)并同时启动动画。然后我们进行排序...但动画将继续工作，即使在元素排序之后也是如此。