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>