Problemas con carga de contenido dinamico
2 seguidores
A ver,
estoy haciéndome el portfolio y las distintas secciones las cargo con jquery via $("capa").load("url").
En dos de esas secciones tengo galerias de fotos que tienen sus propias librerias javascript.
La web funciona 100% en todos los navegadores la primera vez que se cargan las secciones.
El problema surge la 2ª vez que se cargan estas secciones, que por regla general no suelen cargar los scripts.
He intentado comprobar si se cargan los scripts y volver a cargarlos con $.getScript pero nada, no hay manera.
No sé qué se me escapa.
Alguna ayudita??
andrewman
Pues puedes incluir el/los scripts en la página desde la que cargas las secciones y utilizar la funcion load() pasándole un selector, omitiendo la cabecera del documento de la sección cargada.
$('#capa').load('la/url.html #contenedor');
lfpacheco
Y donde pondría los scripts?? dentro de la capa #contenedor??? así se cargarían??
Veamos...este es el codigo a groso modo de mi galeria de fotos..
<body>
<div id="slider-wrapper">
<div id="menuGaleria">
<a href="javascript:void(0);">B/N</a>
<a href="javascript:void(0);">Fauna</a>
<a href="javascript:void(0);">Flora</a>
<a href="javascript:void(0);">Cielo</a>
<a href="javascript:void(0);">Urbano</a>
</div>
<div id="fotos_label"></div>
<div id="galleria">
<a href="images/album/1.jpg"><img src="images/album/thumbs/1.jpg" width="105" height="140" alt="Descricpción 1" title="Foto 1" /></a>
<a href="images/album/2.jpg"><img src="images/album/thumbs/2.jpg" width="140" height="93" alt="Descricpción 2" title="Foto 2" /></a>
<a href="images/album/3.jpg"><img src="images/album/thumbs/3.jpg" width="140" height="93" alt="Descricpción 3" title="Foto 3" /></a>
<a href="images/album/4.jpg"><img src="images/album/thumbs/4.jpg" width="106" height="140" alt="Descricpción 4" title="Foto 4" /></a>
<a href="images/album/5.jpg"><img src="images/album/thumbs/5.jpg" width="140" height="93" alt="Descricpción 5" title="Foto 5" /></a>
</div>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$.getScript("js/galleria.classic.js");
// Load the classic theme
Galleria.loadTheme('js/galleria.classic.js');
// Initialize Galleria
$('#galleria').galleria({
width: 600,
height: 300,
transition: "pulse",
thumbCrop: true,
imageCrop: true,
carousel: true,
imagePan: true,
clicknext: true,
lightbox: true,
showImagenav: true,
showInfo: true,
showCounter: false,
pauseOnInteraction: true,
// Localized strings, modify these if you want tooltips in your language
_locale: {
enter_fullscreen: "Fullscreen",
exit_fullscreen: "Exit fullscreen",
click_to_close: "Cerrar",
show_thumbnails: "Thumbnails",
show_info: "Info"
}
});
});
</script>
</div>
</body>
Esta galeria de fotos funciona con dos librerias externas sin incluir la de jquery:
<script type="text/javascript" src="js/galleria-1.2.3.min.js"></script>
y "galleria.classic.js". Esta última la carga directamente el script de la galeria ya que lo trata como si fuera un "tema" de la galeria.
Así pues, como dices de ponerlo para que te entienda mejor??