javascript - jQuery animate() 元素的单个队列

Question

默认情况下，为 animate() 创建的 jQuery 队列是按元素完成的，我想知道是否有办法为所有使用 animate() 完成的动画创建一个队列？ IE。一次只能出现一个动画

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')
})