Jquery UI:在动画添加类的回调上动画删除类失败

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; 
    }

更新:

我发现了什么问题.当我删除fadeOut时,它的工作原理.我不知道为什么.也许你可以检查一下并将其发送到jQuery UI dev.

$('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({"opacity":1},500,function(){li.removeClass("new");});

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