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