1.7.2中的连续jQuery动画

1.7.2中的连续jQuery动画,jquery,jquery-animate,Jquery,Jquery Animate,我在使用jQuery 1.7.2触发连续动画时遇到问题。关于这一点,这里还有很多其他问题,但如果您使用最新版本的jQuery,这意味着API发生了变化,那么这些问题似乎都会被打破 我有零到多个元素,我想按顺序设置淡入动画。我当前的代码如下所示: var divs = $('div'); divs.css('opacity',0); divs.animate({ opacity: 1 },{ duration: 1000, queue: 'myQueue' }); 随着jQuery1

我在使用jQuery 1.7.2触发连续动画时遇到问题。关于这一点,这里还有很多其他问题,但如果您使用最新版本的jQuery,这意味着API发生了变化,那么这些问题似乎都会被打破

我有零到多个元素,我想按顺序设置淡入动画。我当前的代码如下所示:

var divs = $('div');
divs.css('opacity',0);
divs.animate({
  opacity: 1
},{
  duration: 1000,
  queue: 'myQueue'
});
随着jQuery1.7引入命名队列,我有点天真地认为这会将每个元素的动画排队到命名队列中,然后执行它,但显然这不起作用

你有什么建议?

试试这个-

试试这个-


谢谢佐尔坦!这是可行的,而且比我想象的要简单。我仍然想了解命名队列是如何工作的,所以我想看看是否有人对此有具体的答案,但如果没有,我将接受你的答案。
。queue()
旨在在单个元素上一个接一个地运行多个动画效果,而不是在多个元素上连续运行一个动画效果。您可以在一组匹配的元素上运行队列,但它们将同时发生-谢谢Zoltan!这是可行的,而且比我想象的要简单。我仍然想了解命名队列是如何工作的,所以我想看看是否有人对此有具体的答案,但如果没有,我将接受你的答案。
。queue()
旨在在单个元素上一个接一个地运行多个动画效果,而不是在多个元素上连续运行一个动画效果。您可以在一组匹配的元素上运行队列,但它们将同时发生-
$('div').each(function(i) {
    $(this).delay((i + 1) * 1000).fadeIn(1000);
});