Problemas al "cargar" jquery

Salome · #1 (**permalink**) 28/09/2010, 20:30

Hola a tod@s...

Tengo una diagramación con div donde estoy reemplazando los frames, desde la columna lateral izquierda tengo varios links que apuntan a diferentes html, y estos html al dar clic sobre un link se abren o se visulizan en el div de contenido; como les cuento hacen estos div las veces de frames.

Ahora, que está pasando, en uno de los html se visualizan unos tabs que están dibujados con jquery, pero cuando es llamado desde el link y se intenta abrir en el include de contenido no lo carga, porque el contenedor de los div (que hacen las veces de frames) ya cargaron los jquery, entonces es como si no encontrara los elementos.

El problema es que no tengo idea de como hacer que al cargar ese html en el div de contenido cargue nuevamente el jquery.

Entonces en el link de la barra lateral izquierda hago el include así:

Código HTML:

<a href="javascript:include('elementos/archivo.html', 'include_contenido');">

y en archivo.html, tengo las etiquetas que me marcarian los tabs.

Cómo cargo todo desde el index.html asi en el head:

Código HTML:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Manual de Estilos</title>

<link href="css/contenedor.css" rel="stylesheet" type="text/css" />
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/includes.js"></script>


  <script>
  $(document).ready(function() {
  $("#tabs").tabs();
  });
  </script>
</head>

Así mismo cargo otros archivos html que no tienen jquery y funciona, toma los estilos y el javascript, pero no el jquery...

Espero me puedan colaborar, gracias!!!

Kleimore · #2 (**permalink**) 29/09/2010, 13:53

Tambien me pasaba algo igual a ti

Cambia esto:

Código HTML:

<script>
  $(document).ready(function() {
  $("#tabs").tabs();
  });
  </script>

Por esto:

Código HTML:

<script>
  $(document).live('ready', function() {
  $("#tabs").tabs();
  });
  </script>

Aver que tal te funciona :)