0

我目前正在使用 javascript 向矩形添加一些动画，一旦动画完成，我将框设置为不显示。看看下面的代码来做到这一点。

Javascript

$(document).ready(function() {  
  $(".filled-rectangle").stop().animate({top:'20px'}, 5000).queue(function(next){
    $(".filled-rectangle").css('display', 'none'); 
  });
});

现在我想在这样的容器中添加更多的盒子，

HTML

<div class="container">
  <div class="filled-rectangle"></div>
</div>

上面的代码现在适用于一个 div，.filled-rectangle 我想添加更多 div，并对所有 div 使用相同的动画。

4

1 回答 1

1

有多种方法。您可以使用嵌套回调，它基本上让您在另一个函数完成后执行一个函数。由于您使用了一个类（“填充矩形”），因此您可以在 jquery 中选择该类并获取一个包含该类的所有元素的数组。该数组可用于使用每个对象并延迟每个对象所需的动画，但在这种情况下，您不能为每个对象使用不同的动画，它必须相同。

看看这个例子-> https://stackoverflow.com/a/4661858/1841875

简而言之：

一个又一个不同的动画：嵌套回调/队列

多个对象上的相同动画一个接一个：每个（）延迟动画

在您的情况下，请使用每个延迟解决方案；）

于 2012-12-02T16:14:53.600 回答