How to wait for some event on each element in the right sequence?
Compact syntax with timing methods:
1
$('.many').each($).wait(event).all().doSome().jQueryStuff();
Compare this to the old way with more syntactic fluff:
1
2
3
4
5
6
7
8
9
var $elems = $('.many');
function trigger() {
if ($elems.index(this) >= $elems.length-1) {
$elems.doSome().jQueryStuff();
} else {
$elems.eq($elems.index(this)+1).one(event,trigger);
}
}
$elems.first().one(event,trigger);
Similar patterns with closed loops
- How to repeat actions on interval with a closed loop?
- How to repeat actions in a closed interval loop with immediate first run?
- How to repeat actions a given number of times?
- How to repeat on interval a given number of times?
- How to wait for some event on each element in parallel before continuing?
- How to collect primitive values from each element into a native array using a closed each-loop?
Similar patterns with sequential loops
- How to repeat actions on interval with an open loop?
- How to repeat actions on interval with a closed loop?
- How to repeat actions in an open interval loop with immediate first run?
- How to repeat actions in a closed interval loop with immediate first run?
- How to repeat a single callback on interval?
- How to repeat actions a given number of times?
- How to repeat on interval a given number of times?