Jquery 用户界面 : Animating remove class on callback of animating add class fails

Question

当添加一些新的列表项时，我希望它通过动画添加一个类并在回调后将其删除来“闪烁”。

这是代码:

$li.addClass('new', 1000, function() {
    $li.removeClass('new', 500);
});

CSS:

#galleries-list li {
    margin-top: 10px;
    background-color: #EEFFFF;
    border: 1px solid #99FFFF;  
    }
#galleries-list li.new {
    background-color: #DDFFBB;
    border: 1px solid #99FF66; 
    }

更新:

我发现出了什么问题。当我删除淡出时它起作用了。我不知道为什么。也许您可以检查一下并将其发送给 jQuery UI 开发人员。

$('input, img', $li).fadeOut(150, function() {
  $gallery.set($li, name, 0); //Clears html and sets gallery name and image count
  $li.addClass('create', 2000, function() { $li.removeClass('create', 500); }); 
});

Answer 1

我认为addClass和removeClass没有持续时间参数。 http://docs.jquery.com/Addclass

你可以试试

li.addClass("new").animate({"不透明度": 1}, 500, function(){ li.removeClass("新的");});

这将添加"new"类，然后暂停半秒，然后删除该类。