estoy intentando crear un script con jquery en el que al pulsar sobre un enlace, importe contenido mediante ajax desde otro archivo. He conseguido que funcione bien (sorprendentemente, porque es de lo primero que hago con jquery), el problema es que el mismo comportamiento se debe aplicar tambien a los datos importados, es decir, los enlaces que se importan también deben ser capaces de importar contenido al pulsar sobre ellos, pero en lugar de eso, recargan la página completa.
Este es el código de la página principal:
Código HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sp" lang="sp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="javascript/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
// Script to post the form data without reloading the page
$(document).ready(function() {
confirm('recargado');
$('.innerForm a').click(function() { // Apply this function to all a elements inside an element with the class .innerForm
myForm = '#' + $(this).parents('.innerForm').attr('id');
myAction = 'envio.php';
$.ajax({
type: 'POST',
url: myAction,
data: $(myForm).find('*').serialize(),
success: function(data) {
alert(myAction);
$(myForm).find('.result').html(data);
}
})
return false;
});
})
</script>
</head>
<body>
<div id="usuarios" class="innerForm">
<a href="?" class="check">CHECK-(cambiar)</a>
<div class="result">The result will be loaded here</div>
</div>
</body>
</html>Y este es el código del archivo desde el que se importan los datos:
Código :
<a href="?" class="check">CHECK-(cambiar)</a>
Podéis decirme por qué el enlace importado no funciona igual que el enlace "nativo"?
Gracias por vuestra ayuda y un saludo.
