jquery - 在附加元素中添加效果

Question

This is the fiddle 。有一个列表组。通过单击“添加”按钮，将在“创建”按钮处弹出一个窗口。单击“创建”按钮后，样本列表项将添加到列表组中“添加”按钮之前。

现在，我想要一些效果，以便用户可以了解创建的列表项已添加到的位置。因此，我正在考虑在附加元素中添加不同的颜色，并像 fadeOut() 一样平滑地消失不同的颜色。这就是为什么在附加时，我添加了一个名为 .temp 的新类并对其进行了样式设置。因此，添加“已创建列表”后，它看起来有所不同。现在，如何立即(可能在 2/3 秒内)顺利地删除 .temp 类？

Answer 1

2/3 秒后删除它很容易:http://jsfiddle.net/TrueBlueAussie/hfof316a/3/

$('body').on('click', '.create-list', function () {
    var $element = $('<a href="#" class="list-group-item temp" data-toggle="modal" data-target="#listPopup"> Created List <span class="glyphicon glyphicon-remove-circle pull-right remove"></span> </a>');
    $('.add').before($element);
    setTimeout(function(){
        $element.removeClass("temp");
    }, 666);
});

您还需要在项目上设置过渡(而不是温度):

http://jsfiddle.net/TrueBlueAussie/hfof316a/6/