¿Jquery append() se comporta de forma asíncrona?

Question

He visto una serie de mensajes (append supposedly immediate) con respuestas aceptadas conflictivas sobre esto. Estamos usando jQuery 1.4 (http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js) y añadir() parece ser asíncrono, de tal manera que:

Editado para mostrar el código en el contexto de devolución de llamada AJAX

... 
var message = $.ajax({ 
    type: "GET", 
    url: "/getVolumes/" + _Id, 
    async: false 
}).responseText; 
if (parseInt(message) != 0){ 
    var $results = $(message); 
    $MAIN_DIV.append($results); 
    retrieveTargets(); 
} 
...  
function retrieveTargets(){ 
    var $targets = $(".resultTargets"); 
} 

ejecuta y crea la página como se esperaba, pero la consulta de objetivos no produce nada en el tiempo de ejecución. Al ejecutar el mismo código en la consola JS, se recuperan los elementos como se esperaba.

Si este es el comportamiento esperado en JQuery, ¿cuál es la forma correcta de esperar hasta que termine append?

Answer 1

Todos los comentarios ayudaron a rastrear esto. Estaba siguiendo una pista falsa en la consola. El problema no era con la sincronicidad, fue con las siguientes líneas:

$targets.each(function(){ 
    ... 
    this.html(); 
    ... 

necesitaba ser

$(this).html(); 

En resumen, todo el mundo era correcta. Jquery append() se comporta de forma síncrona.

Answer 2

Pruebe esto, si las cosas no funcionan después de append.

$('#dynamic-container').append(<your-content>) ; 
setTimeout(function() { 
    ...code which addresses elements inside #dynamic-container... 
},0) ; 

Más detalles:

• Al parecer append es sincrónico
• Al parecer el DOM no se actualiza de forma sincrónica, especialmente en Google Chrome, me enfrenté a este problema al intentar recuperar la altura de un div después de append
• Mi hipótesis era que había subprocesos de actualización del navegador que se actualizaban de forma asíncrona, más comentarios sobre eso a continuación, aún no está claro cómo funcionaban las cosas w ork, pero la solución funciona en todos los casos para mí.