1.7.2中的顺序jQuery动画

时间:2012-08-14 16:02:36

标签: jquery jquery-animate

我在使用jQuery 1.7.2触发顺序动画时遇到了麻烦。关于这一点还有很多其他问题,但如果你使用最新版本的jQuery暗示API发生变化,它们似乎都会破裂。

我有零到多个元素,我想按顺序为淡入淡出动画。我当前的代码类似于:

var divs = $('div');
divs.css('opacity',0);
divs.animate({
  opacity: 1
},{
  duration: 1000,
  queue: 'myQueue'
});

随着jQuery 1.7引入命名队列,我有点天真地认为这会将每个元素的动画排队到命名队列然后执行它,但显然这不起作用。

你会建议什么?

1 个答案:

答案 0 :(得分:4)

试试这个 - DEMO

$('div').each(function(i) {
    $(this).delay((i + 1) * 1000).fadeIn(1000);
});