1.7.2 中的顺序 jQuery 动画

Question

我在使用 jQuery 1.7.2 触发顺序动画时遇到问题。这里还有很多关于此的其他问题，但如果您使用最新版本的 jQuery 暗示 API 已更改，它们似乎都会中断。

我有零对多的元素，我想按顺序动画淡入。我当前的代码如下所示：

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

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

你有什么建议？

Answer 1

试试这个 - DEMO

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