Одна очередь для элементов jQuery animate ()

Question

По умолчанию очередь jQuery, созданная для animate (), создается для каждого элемента, мне интересно, есть ли способ создать единую очередь для всех анимаций, выполненных с помощью animate ()? То есть за один раз должна происходить только одна анимация

Answer 1

Вы можете сделать это с вашей собственной пользовательской очередью на одном элементе, используя очередь:

http://jsfiddle.net/jRawX/2/

$(function(){

    $('#myQueue')
        .queue('myQueue',function(next){
            $('#t1').animate({left: 100}, 
                            {duration: 1000, 
                             queue: false,
                             complete: next
                            })
        })
        .queue('myQueue',function(next){
            $('#t2').animate({left: 100}, 
                            {duration:1000, 
                             queue:false,
                             complete: next})
        })
        /* etc. */
        .dequeue('myQueue')
})

Answer 2

.animate() имеет опцию queue, которая допускает только один эффект на элемент:

queue: логическое значение, указывающее, помещать ли анимацию в очередь эффектов. Если false, анимация начнется немедленно.

Использование

$('div').animate({ height: 50, queue: false });

Answer 3

Примерно так:

$(someElement) // could also be a plain object, e.g. $({})
    .queue('customQueue', function (next) {
        first.animate({ ... }, function () {
            // when the animation is complete, call next() for customQueue
            next();
        });
    })
    .queue('customQueue', function (next) {
        second.animate({ ... }, function () {
            // when the animation is complete, call next() for customQueue
            next();
        });
    })
    // add more animations, then
    .dequeue('customQueue');