Cargar html con plug-ins jquery mediante "ajax"

#1 (**permalink**) 30/07/2010, 22:17

HOLA A TODOS Y DE ANTEMANO MUCHAS GRACIAS.

------------------------------------------------------------------------------------
ARCHIVO : INICIO.HTML
------------------------------------------------------------------------------------

Código HTML:

<head>
<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function() {	
    $('#content1').load('home.html');
    $('#nav01 a').click(function() {
    var url=$(this).attr('href');
    $('#content1').load(url);
    return false;
    });
	
});
</script>

</head>
<body>

  <ul id="nav01">
	    <li><a href="uno.html">home</a></li>
	    <li><a href="dos.html">fotos</a></li>
            <li><a href="tres.html">modelos</a></li>
            <li><a href="cuatro.html">agenda</a></li>
            <li><a href="cinco.html">descargas</a></li>
   </ul>

<div id="content1"></div>
</body>

-------------------------------------------------------------------------------------
FIN CODIGO
-------------------------------------------------------------------------------------

Mi problema es el siguiente. Los 5 html externos que llamo a cargarse en
#content1, tienen plug-ins de jquery ... y bueno... básicamente el problema es
que cuando se cargan en #content1 dichos plug-ins NOOOOO FUNCIONAN¡¡¡

He probado cargar todos los plug-ins en "inicio html" (desde donde llamo a los html
externos) pero sin resultado, los plug-ins siguen sin mostrarse.

------------------------------------------------------------------------------------
ARCHIVO : UNO.HTML
------------------------------------------------------------------------------------

Código HTML:

<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swfobject_cu3er/swfobject.js"></script>

<style type="text/css">

 body { text-align: 		center;
 	padding: 			0;
	margin: 	 		0;}
		
 img { 	border: 			none;}
 		
</style>
<div id="content">
	<div id="ai01">
		<a href="img/web/cuy1.jpg" title="Banner 1"><img src="img/web/cuy.png"></a>
		<a href="img/web/cuy2.jpg" title="Banner 2"><img src="img/web/cuy1.png"></a>
	</div>
	<div id="cu3er-container">   	
        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />  	
	</div>
	<div id="ai02">
		<a href="img/web/cuy3.jpg" title="Banner 3"><img src="img/web/cuy1.png"></a>
		<a href="img/web/cuy4.jpg" title="Banner 4"><img src="img/web/cuy.png"></a>
	</div>
</div>

-------------------------------------------------------------------------------------
FIN CODIGO
-------------------------------------------------------------------------------------

EN LOS HTML QUE LLAMO MEDIANTE AJAX HE BORRADO LAS ETIQUETAS COMO HEAD,
BODY, HTML... PUES EL HTML QUE LOS LLAMA (inicio.html) YA LAS TIENE ...

Saludos a todos

ecastaneda · #2 (**permalink**) 04/08/2010, 12:13

el plugin crealo en el onsuccess(callback) del load de cada una de tus paginas ejemplo:

$("#divPaginaUNO").load(miUrl,function(){
$("#miObjetoParaPlugin").miPlugin();
})

#3 (**permalink**) 08/08/2010, 22:55

ecastaneda :

No llego a entender lo que me quieres decir...
soy algo novato en esto de jquery y mas aun en ajax...

podrias darme un ejemplo mas claro¡¡¡¡