Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/03/2016, 13:33
kukiko11
 
Fecha de Ingreso: diciembre-2015
Mensajes: 115
Antigüedad: 8 años, 11 meses
Puntos: 2
Pregunta evento en jquery me esta afectando todos los divs y no el div en cuestion?

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
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3.  
  4.     $('.form-valorar').submit(function() {
  5.         $.ajax({
  6.             type: 'POST',
  7.             url: $(this).attr('action'),
  8.             data: $(this).serialize(),
  9.             success: function(data) {
  10.                            
  11.                                 $('.resultado').html(data).fadeIn('slow');
  12.             }
  13.         })
  14.         return false;
  15.     });
  16. })  
  17. </script>

FORM:
Código HTML:
Ver original
  1. <!--Valorar-->
  2. <label id="valorar"> Valorar </label>
  3. <form action="valorar.php" method="POST" class="form-valorar" id="form-valorar">
  4. <button class="icon-thumbs-up" id="icon-thumbs-up"></button>
  5. <input hidden="hidden" type="text" name="num-comentario" id="num-comentario" value="'.$d['id'].'" >
  6. <input  hidden="hidden" type="text" name="punto" id="punto" value="'.$d['punto'].'" >
  7. </form>
  8. <div id="resultado"  class="resultado"> </div>