Invocando una función jQuery después.cada () ha completado

Ok, esto podría ser un poco después del hecho, pero .promise() también debería lograr lo que buscas.

Documentación de la promesa

Un ejemplo de un proyecto en el que estoy trabajando:

$( '.panel' )
    .fadeOut( 'slow')
    .promise()
    .done( function() {
        $( '#' + target_panel ).fadeIn( 'slow', function() {});
    });

:)

Probablemente sea demasiado tarde, pero creo que este código funciona...

$blocks.each(function(i, elm) {
 $(elm).fadeOut(200, function() {
  $(elm).remove();
 });
}).promise().done( function(){ alert("All was done"); } );

JavaScript se ejecuta sincrónicamente, por lo que lo que coloque después de each() no se ejecutará hasta que each() esté completo.

Considere la siguiente prueba:

var count = 0;
var array = [];

// populate an array with 1,000,000 entries
for(var i = 0; i < 1000000; i++) {
    array.push(i);
}

// use each to iterate over the array, incrementing count each time
$.each(array, function() {
    count++
});

// the alert won't get called until the 'each' is done
//      as evidenced by the value of count
alert(count);

Cuando se llama la alerta, count será igual a 1000000 porque la alerta no se ejecutará hasta que each() esté terminada.

Encontré muchas respuestas que tratan con matrices pero no con un objeto json. Mi solución fue simplemente iterar a través del objeto una vez mientras se incrementa un contador y luego cuando se itera a través del objeto para realizar su código se puede incrementar un segundo contador. A continuación, simplemente compare los dos contadores juntos y obtenga su solución. Sé que es un poco torpe, pero no he encontrado una solución más elegante hasta ahora. Este es mi código de ejemplo:

var flag1 = flag2 = 0;

$.each( object, function ( i, v ) { flag1++; });

$.each( object, function ( ky, val ) {

     /*
        Your code here
     */
     flag2++;
});

if(flag1 === flag2) {
   your function to call at the end of the iteration
}

Como dije, no es el muy elegante, pero funciona y funciona bien y todavía no he encontrado una solución mejor.

Saludos, JP

Si estás dispuesto a hacer un par de pasos, esto podría funcionar. Sin embargo, depende de que las animaciones terminen en orden. No creo que eso sea un problema.

var elems = $(parentSelect).nextAll();
var lastID = elems.length - 1;

elems.each( function(i) {
    $(this).fadeOut(200, function() { 
        $(this).remove(); 
        if (i == lastID) {
           doMyThing();
        }
    });
});

¿Qué pasa con

$(parentSelect).nextAll().fadeOut(200, function() { 
    $(this).remove(); 
}).one(function(){
    myfunction();
}); 

Tienes que poner en cola el resto de tu solicitud para que funcione.

var elems = $(parentSelect).nextAll();
var lastID = elems.length - 1;

elems.each( function(i) {
    $(this).fadeOut(200, function() { 
        $(this).remove(); 
        if (i == lastID) {
            $j(this).queue("fx",function(){ doMyThing;});
        }
    });
});

Me encuentro con el mismo problema y resolví con una solución como el siguiente código:

var drfs = new Array();
var external = $.Deferred();
drfs.push(external.promise());

$('itemSelector').each( function() {
    //initialize the context for each cycle
    var t = this; // optional
    var internal = $.Deferred();

    // after the previous deferred operation has been resolved
    drfs.pop().then( function() {

        // do stuff of the cycle, optionally using t as this
        var result; //boolean set by the stuff

        if ( result ) {
            internal.resolve();
        } else {
            internal.reject();
        }
    }
    drfs.push(internal.promise());
});

external.resolve("done");

$.when(drfs).then( function() {
    // after all each are resolved

});

La solución resuelve el siguiente problema: sincronizar las operaciones asíncronas iniciadas en el .cada iteración (), usando objeto diferido.

Tal vez una respuesta tardía, pero hay un paquete para manejar esto https://github.com/ACFBentveld/Await

 var myObject = { // or your array
        1 : 'My first item',
        2 : 'My second item',
        3 : 'My third item'
    }

    Await.each(myObject, function(key, value){
         //your logic here
    });

    Await.done(function(){
        console.log('The loop is completely done');
    });