tengo un sistema de puntuacion en mi web y he utilizado jquery para asociar el evento de suma de puntos, tengo un form por div pero el problema esta en que al dar el submit en cualquier form el evento se dispara en todos los divs
yo solo quiero que el evento se dispare en el div donde el form es enviado, alguna idea de que pueda ser? creo que tiene que ver con la forma en que se asocian los selectores pero nose, aca dejo el script:
SCRIPT:
Código Javascript
:
Ver original<script type="text/javascript">
$(document).ready(function() {
$('.form-valorar').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
$('.resultado').html(data).fadeIn('slow');
}
})
return false;
});
})
</script>
FORM:
Código HTML:
Ver original<!--Valorar-->
<form action="valorar.php" method="POST" class="form-valorar" id="form-valorar"> <button class="icon-thumbs-up" id="icon-thumbs-up"></button> <input hidden="hidden" type="text" name="num-comentario" id="num-comentario" value="'.$d['id'].'" > <input hidden="hidden" type="text" name="punto" id="punto" value="'.$d['punto'].'" > <div id="resultado" class="resultado"> </div>