[SOLUCIONADO] fadeIn() no funca

[WorseMzg]

buenas tardes señores

Tengo el siguiente codigo

Código PHP:

  function load(pag) {

        $.ajax({
                  url: 'somos.php',
                  type: 'POST',
                  async: true,
                  data: '',
                  success: $('#page-wrapper').load('somos.php', {}, function() {$('#page-wrapper').fadeIn("slow");}),
                  error: 'no se pudo mostrar'
                }); 
   

el cual me funciona casi todo, solamente es que no muestra la pagina con el fade in , no se a que se puede deber, la consola de comando no me muestra ningún error y me realiza la funcion de cargar el contenido de un php en el div , el somos.php lo unico que tiene dentro es un echo sin mas complicaciones
y el llamado a jquery lo realizo en el html con

Código HTML:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 

cualquier ayuda se agradece

estube averiguando mas y el codigo correcto seria

Código PHP:

  $('#page-wrapper').load('somos.php',{}).hide().fadeIn('slow'); 
   

pero ahora quiero agregarle un fadeOut cosa que se desvanesca y aparesca el nuevo contenido

[Alexis88]

Yo cambiaría la línea de success por esta:

Código Javascript:

success: function (response) {
    $('#page-wrapper').fadeOut("slow").html(response).delay(1500).fadeIn("slow");
}
 

Primero, desvanezco el elemento (que es lo que leo que también quieres hacer), luego, le inserto la respuesta de la petición asíncrona, retraso 1.5 segundos la ejecución del siguiente método y, finalmente, lo vuelvo a mostrar pero ya con el nuevo contenido cargado.

Esto debiste publicarlo en la sección jQuery.

Saludos

[WorseMzg]

Iniciado por Alexis88

Yo cambiaría la línea de success por esta:

Código Javascript:

success: function (response) {
    $('#page-wrapper').fadeOut("slow").html(response).delay(1500).fadeIn("slow");
}
 

Primero, desvanezco el elemento (que es lo que leo que también quieres hacer), luego, le inserto la respuesta de la petición asíncrona, retraso 1.5 segundos la ejecución del siguiente método y, finalmente, lo vuelvo a mostrar pero ya con el nuevo contenido cargado.

Esto debiste publicarlo en la sección jQuery.

Saludos

entendi bien la logica
pero me sigue el problema al momento de hacer el fadeout primero me carga el contenido luego me hace el fadeout y posteriormente el fadein

modifique un poco el codigo que mandaste para que se adaptara mejor a lo que necesito

Código:

$('#page-wrapper').fadeOut("slow").html(function(){$('#page-wrapper').load('somos.php').delay(3000)}).fadeIn("slow");

de todas maneras adjunto link de la pagina donde estoy haciendo las pruebas

http://www.zerothstudios.cl/maquetas/delymart