error con load()

Gothgauss · #1 (**permalink**) 06/01/2013, 13:45

Hola

Ante todo, feliz año nuevo

Estoy haciendo una web y al pinchar en el menu, con un load cargo el contenido en la capa contenido.

EL problema está en que cuando la página que voy a cargar tiene algo de contenido javascript, este no funciona al cargarlo mediante load.

Os pongo un ejemplo, tengo dos páginas la principal index.html y la que voy a cargar: hoja1.html

Quiero que cargue el contenido hoja1.html en index.html, lo cual si consigo, pero no reconoce luego la id para ejecutar el codigo, es como si no hubiera id

Código hoja1.html

Código:

<input type="submit" id="uno" />

Código index.html

Código:

<script language="javascript">

$('#menu').click(function(){
$('#contenido').load('hoja1.html');
});

/*Esto de abajo es lo que no funciona*/

$('#uno').click(function(){
alert('Estoy funcionando');
});

</script>
</head>
<body>
<div id="contenido"></div>
</body>

David · #2 (**permalink**) 06/01/2013, 19:48

Si intentas asignar el evento antes de que el elemento exista es natural que no funcione, debes asignar el listener depués de que hayas cargado la página.

Otra opción es que insertes el código para añadir el listener directamente en hoja1.html

O en última instancia, usar un evento delegado.

sonickseven · #3 (**permalink**) 08/01/2013, 09:59

es facil solo debes poner el cick dentro del call back del load de la siguiente forma:

<script language="javascript">

$('#menu').click(function(){
$('#contenido').load('hoja1.html',function(){
/*Esto de abajo es lo que no funciona*/
$('#uno').click(function(){
alert('Estoy funcionando');
});
});
});

</script>
</head>
<body>
<div id="contenido"></div>
</body>

prueba asi aver si te funciona que lo mas lo logico es que si :D