No se si esta bien explicado el titulo, pero mi problema es el siguiente:
Estoy desarrollando un sitio web en donde cargo cada una de las paginas mediante ajax (estoy utilizando jQuery). Al cargar la pagina de contacto, cuando intento crear una funcion para que se ejecute al presionar el boton, me doy cuenta de que no puedo acceder a ninguna de las propiedades de los elementos que se cargaron, como por ejemplo, la ID. Pero esto pasa solo cuando realizo una carga de contenido, es como si se lo olvidara.
Un ejemplo seria el siguiente:
Dentro de mi index:
<div id="content"><h2>titulo</h2><p>bla bla bla</p></div>
<div id="reload">Reload</div>
load.html:
<h2>titulo</h2><p>bla bla bla</p>
acciones.js:
$(document).ready(function() {
$('#content h2').click(function(){
alert("Test");
});
$('#reload').click(function(){
$('#content').load('load.html');
});
});
Al abrir el index.html y presionar el titulo, salta el cartel de alerta; pero luego de presionar Reload y que se cargue el nuevo contenido (que es exactamente el mismo que habia antes), al presionar el titulo no pasa nada.
En fin, a que se debe esto? alguna posible solucion?
Desde ya muchas gracias.