How to queue an animation for multiple elements and wait until they finished?
Compact syntax with timing methods:
1
$('.many').animate(attributes,options,$).jQueryStuff();
The jQuery token $ is used instead of a callback function to indicate the timing version of animate().
Compare this to the old way with more syntactic fluff:
1
2
3
4
5
6
var waiting = $('.many').length;
$('.many').animate(attributes, options, function(){
if (!--waiting) {
$(this).jQueryStuff();
}
});
Similar patterns with animations
- How to
$('.some').wait().doSome().jQueryStuff(); - How to
$('.some').join().doSome().jQueryStuff(); - How to
$('.some').join(queue).doSome().jQueryStuff(); - How to
$('.some').join(true).doSome().jQueryStuff(); - How to
$('.some').join(queue,true).doSome().jQueryStuff(); - How to
$('.some').animate(attributes,options); - How to
$('#single').animate(attributes,options,$).jQueryStuff();