jquery - 具有多个元素的 jQuery 队列

Question

我有 n-<div>容器并想为它们制作动画。

我如何用 jQuery.queue()和类似这个片段的东西来实现它。

$('#div1').animate({ 'opacity': 1 }, 1000, function () {
    $('#div2').animate({ 'opacity': 1 }, 1000, function () {
        $('#div1').animate({ 'padding': '10px' }, 1000);
        $('#div3').animate({ 'opacity': 1 }, 1000);
    })
});

Answer 1

在最简单的动画用途中，jQuery 为每个元素维护一个单独的动画队列，因此使用单个队列来控制多个元素的唯一方法是将您自己的自定义函数放入知道它们要操作的元素的队列中这可能不会比你已经拥有的更简单。

动画队列的最简单和默认用法是对同一对象进行动画操作的排序。您可以将自己的自定义函数放入动画队列中，这有时很有用，但是当您这样做时，您将不会有比您已经呈现的代码更简单的东西了。

可能可以改用 jQuery.deferred功能，但我也不清楚这是否比您已经拥有的更简单。