动画结束后应用css规则jquery

Question

我希望能够使用jquery添加一个css属性\\ value但是我想等到动画首先出现然后我希望css通过将其显示值设置为none来删除动画。

这是我的代码片段。

**Jquery**
 $(".filled-rectangle").animate(); 
 $(".filled-rectangle").css('display', 'none'); 

Answer 1

您可以使用.promise（）和.done（）方法在当前动画队列的末尾添加操作：

$(".filled-rectangle").animate().promise().done(function() {
    $(".filled-rectangle").css('display', 'none');
});

如果您希望允许其他代码添加在动画完成后调用的回调，这非常有用，因为您可以返回.promise（）方法返回的promise。

或者，您可以使用.queue（）将回调添加到动画队列中：

$(".filled-rectangle").animate().queue(function(next) {
    $(".filled-rectangle").css('display', 'none');
    next();
});