jquery fadeout, load, fadein

Question

Estoy usando JQuery y lo que quiero que suceda es.

Div desaparece con el comando fadeOut. A continuación, carga contenido de una url usando el comando de carga. Luego, una vez cargado el contenido, vuelve a fundirse usando el comando fadeIn.

El código que tengo es:

$("#myDiv").fadeOut().load('www.someurl.com').fadeIn() 

Sin embargo, esto no funciona. En cierto modo parpadea, luego se descarga y luego se carga. Creo que el problema es que el desvanecimiento ocurre antes de que la carga se complete.

¿Qué debo hacer

Gracias

Answer 1

puede utilizar la función load() devolución de llamada como esto:

es posible que desee utilizar el estado de la carga() para ver si todo fue completado correctamente

$("#myDiv").fadeOut().load("www.someurl.com", function(response, status, xhr) { 
    if (status == "error") { 
     // handle error 
    } 
    else 
    { 
     $(this).fadeIn(); 
    } 
}); 

Answer 2

Utilizar la devolución de llamada para success.load(), así:

$("#myDiv").fadeOut().load('www.someurl.com', function() { 
    $(this).fadeIn(); 
}); 

Answer 3

que tiene que hacer la decoloración en la función de devolución de llamada de carga debido a la naturaleza asíncrona de AJAX.

Answer 4

$("#myDiv").fadeOut(1000, function() { 
    $("#myDiv").load("www.someurl.com", {limit: 25}, function(){ 
     $("#myDiv").fadeIn(); 
    }); 
}); 

El límite especifica cuánto tiempo el tiempo de espera para una respuesta en la llamada carga