Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/09/2013, 07:27
Narachamus
 
Fecha de Ingreso: febrero-2003
Mensajes: 39
Antigüedad: 21 años, 8 meses
Puntos: 1
Problema básico con jquery

Buenas chicos, ya es la segunda vez que tengo este fallo, y podría multiplicarse a infinitos, porque es muy básico.
Cuando cargo algún html/php en una capa a través de jquery (load,post,get, lo que sea), y ese algo tiene a su vez una llamada a jquery, no funciona.

Un ejemplo claro, reducido y resumido:

index.html
Código HTML:
Ver original
  1.     <script type='text/javascript' src='js/jquery-1.9.1.js'></script>
  2.     <script type='text/javascript' src='js/mi-jquery.js'></script>
  3. </head>
  4.     <div id='capa'>
  5.         <a href='#' id='boton'>Haz click</a>
  6.     </div>
  7. </body>
  8. </html>

mi-jquery.js
Código Javascript:
Ver original
  1. $(function(){
  2.    $('#boton').click(function(e){
  3.       $('#capa').load('prueba.html');
  4.       window.alert ("has hecho click");
  5.    });
  6. });

prueba.html
Código HTML:
Ver original
  1. <a href='#' id='boton'>Haz click otra vez</a>

El primer click funciona, el segundo del nuevo enlace ya no.

Saludos!

Edito: cargando otra vez los scripts de jquery y mi-jquery en prueba.html funciona, pero no se puede hacer sin cargarlos? Se supone que ya está en index.html, no?

Última edición por Narachamus; 14/09/2013 a las 07:30 Razón: Posible solución