remove（）函数与animate css一起粗暴地工作

Question

我正在使用一段固定定位的代码，但问题是当它关闭时，它没有动画效果。该代码还使用remove()。但是，如果我只使用动画css，它会很顺利。

代码块

$(".full-screen-search").addClass('animated zoomOut').delay(1000).remove();

这段代码有问题吗？我不能告诉你。

完整功能

function searchClose(){
   $(".full-screen-search").addClass('animated zoomOut').delay(1000).remove();
};  

我添加了延迟功能，以便在添加课程后1秒钟后将其删除。

Answer 1

您不能将.remove（）与其他方法联系起来。尝试用setTimeout分隔它们：

$(".full-screen-search").addClass('animated zoomOut');
setTimeout(function($(".full-screen-search").remove();), 1000)

Answer 2

如果你使用javascript回调，它将在运行所述回调之前等待该函数完成。这是一个例子：

$(".full-screen-search").hide(1000, function() {
        $(".full-screen-search").remove();
});