How to wait for the elements' animation queues to get empty?
Compact syntax with timing methods:
1
$('.some').wait().doSome().jQueryStuff();
The similar join() method provides more options when waiting for animations.
Compare this to the old way with more syntactic fluff:
1
2
3
$('.some').promise().then(function(){
$('.some').doSome().jQueryStuff();
});
Similar patterns with animations
- How to
wait for the end of the elements' current animations?$('.some').join().doSome().jQueryStuff();
- How to
wait for the end of the elements' current animations for a given queue name?$('.some').join(queue).doSome().jQueryStuff();
- How to
wait for the elements' animation queues to get empty with .join()?$('.some').join(true).doSome().jQueryStuff();
- How to
wait for the elements' animation queues for a given queue name to get empty?$('.some').join(queue,true).doSome().jQueryStuff();
- How to
queue an animation and return immediately?$('.some').animate(attributes,options);
- How to
queue an animation for a single element and wait until it finished?$('#single').animate(attributes,options,$).jQueryStuff();
- How to
queue an animation for multiple elements and wait until they finished?$('.many').animate(attributes,options,$).jQueryStuff();