jQuery动画帮助

Question

这不起作用。我正在尝试将动画复制为红色，然后删除效果，就像在WordPress管理员中一样。元素被删除，但在此之前它没有动画。

$('.delete-item').live('click', function(){
            $(this).parent().parent().animate({backgroundColor: '#ff0000'}, 'slow').empty().remove();
        });

Answer 1

至于我知道你无法为背景颜色制作动画，你需要 color plugin 才能做到这一点。

Answer 2

使用.animate()回调，如下所示：

$('.delete-item').live('click', function(){
  $(this).parent().parent().animate({backgroundColor: '#ff0000'}, 'slow', function() {
    $(this).empty().remove();
  });
});

在动画完成之前，回调将不会执行，当前方法会对动画进行排队，但在从DOM中删除元素之前只执行一帧动画，这样就可以执行整个动画然后将其删除。