Hola gente...
Soy muy nuevo con esto de JavaScript y todavia no me manejo bien con jQuery.
El problema que tengo es el siguiente. al hacer un prueba sencilla de manejar un evento click de algun elemento, funciona correctamente si es parte de la pagina que se cargo inicialmente, pero... cuando cargo un div externo via ajax, dichos eventos no funcionan...
se entiende? Yo creo que es porque como inserta algo nuevo al html una vez que ya cargo lo demas, y como eso es nuevo, no se encuentra mapeado dentro del manejador... puede ser
Esta es mi funcion:
Código PHP:
$(document).ready(function() {
$("a").click(function() {
alert("Clickkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk");
});
});
este es un ejemplo que hice para demostrar:
Código HTML:
<html>
<head>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#busqueda").submit(function() {
$("#inline_results").fadeOut("slow");
$("#loading").fadeIn("fast");
loadClientesResults();
return false;
});
function loadClientesResults() {
$("#inline_results").load(
'index.html',{},
function() {
$("#loading").fadeOut("fast");
$("#inline_results").fadeIn("slow");
}
);
}
$("a").click(function() {
alert("Click madafaca");
});
});
</script></head>
<body style="background: #f0f;">
<form action="" method="post" id="busqueda"><fieldset>
<legend>Busqueda</legend>
<a href="#">soy un link</a>
<input type="submit" value="cargar"/>
</fieldset></form></div>
<div id="loading" style="display: none; background: #ff0;">REALIZANDO BUSQUEDA</div>
<br/>
<div id="inline_results">fdgdfgdfgdfgdfg</div>
</div>
</body>
</html> Tengo varios links en mi pagina, en todos funciona al hacer click, y uso un buscador, que carga los resultados en un div... los links que contiene ese div que se cargo no son reconocidos por el evento..
Si es que hace falta adjunto lo demas... ya que estoy trabajando con capas y es mucho codigo, que no creo que sea el origen del problema...
Espero que me puedan ayudar... Gracias..