[SOLUCIONADO] header con ajax de jquery

[WorseMzg]

buenas a todos,

mi duda es la siguiente, estoy cargarndo un php con ajax, este php contiene codigo html que me carga un slider, el problema es que no me esta tomando los scripts puestos en el head. hay alguna manera de volver a cargar los elementos que estan puestos en el head con la funcion.

mas que nada necesito llamar a unas librerias que descargue. probe mi codigo en el index y funciona pero cuando hago la llamada al otro contenido desde ajax este contenido me carga sin la funcionalidad osea no toma los scripts cargados en el head.

Código:

		if (pag =='portafolio' ) {
		$('#background').css('background-image', 'url(img/somos/Fondosomos.jpg)');
		


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

	}

el php que cargo tiene este contenido

<div id="page-wrapper">
<section id="contContacto">

<h1>“Nuestra empresa tiene su Gerencia Administrativa y Financiera en pleno centro de
Santiago, lo que hace más cómodo y expedito el trato comercial con nuestros clientes. ”</h1>

</section>

<section id="contacto">
<div id="wrapper-contacto">
<ul class="bxslider">
<li><img src="http://placehold.it/350x150&text=FooBar1"></li>
<li><img src="http://placehold.it/350x150&text=FooBar2"></li>
<li><img src="http://placehold.it/350x150&text=FooBar3"></li>
<li><img src="http://placehold.it/350x150&text=FooBar4"></li>
</ul>
</div>


</div>
</section>
</div>

[angelAparicio]

Seguramente el código ajax se esté ejecutando después de los scripts que hacen funcionar al slider. Por tanto, primero se ejecuta el slider, que no hace nada al no haber contenido y después se carga el contenido, pero no funciona el slider porque se ejecutó antes.

Prueba a poner la llamada al slider en el "success" de AJAX. Supongo que será algo así:

Código Javascript:

success:
    function(){
        $('#page-wrapper').fadeOut("slow",
            function(){$('#page-wrapper').html(
                function(){$('#page-wrapper').load('portafolio.php').delay(100)}).fadeIn("slow");
        });
        $('.bxslider').bxslider();
    },