.animate()和.remove()在一起玩得不好

Question

我试图解散我以前附加到身体上的一个通知小组。

$('#notify-panel').animate({top: -250},{duration: 1000, easing: 'easeInOutBack'});

这本身运行良好，但我的目标是移动div对象，因此在动画完成后添加了一个.remove()语句来删除它。

$('#notify-panel').animate({top: -250},{duration: 1000, easing: 'easeInOutBack'});
$('#notify-panel').remove();

当我运行这个程序时，面板会从身体中移除，但是动画不会被执行，图层就会消失。因此，我添加了.remove()作为回调的一部分。

$('#notify-panel').animate({top: -250},{duration: 1000, easing: 'easeInOutBack'}, {callback: function(){ $(this).remove(); }});

这是相同的前一步，该层是从没有动画删除。所以我的问题是，如果我想要动画一个div层，然后删除它，我将如何去做。显然，我做错了什么。

Answer 1

这个问题可以由阅读手册解决。使用其中之一：

$('#notify-panel').animate({
    top: -250
}, {
    duration: 1000,
    easing: 'easeInOutBack',
    complete: function() {
        $(this).remove();
    }
});

或者：

$('#notify-panel').animate({
    top: -250
}, {
    duration: 1000,
    easing: 'easeInOutBack'
}, function() {
    $(this).remove();
});

Answer 2

首先，您忽略了值和px周围的引号。

我会这样写：

$('#notify-panel').animate({
    top: '-250px'
}, {
    easing: 'easeInOutBack'
}, 1000, function() {
    $(this).remove();
});