Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/01/2016, 11:30
RicardGTX
 
Fecha de Ingreso: diciembre-2015
Mensajes: 64
Antigüedad: 8 años, 4 meses
Puntos: 0
cual de los dos ejemplos es mejor ?

Hola amigos,
Os pongo a continuacion dos ejemplos. Quisiera saber cual de los dos se recomienda mas o si alguno de los dos esta mal planteado.
Os explico el ejemplo:
Tengo un boton al cual le pinchas y aparece una ventana que contiene un formulario, ese formulario paso los datos por ajax.
La duda es el js con los eventos click

Código HTML:
Ver original
  1. <span id="boton"></span>
  2.  
  3. html
  4. ------------------------------------------
  5. <div class="ventana">
  6.     <form>
  7.         <input type="text">
  8.         <button class="">Enviar</button>
  9.     </form>
  10. </div>


css
------------------------------------------
Código CSS:
Ver original
  1. .ventana { display:none}



js
------------------------------------------
ej 1
Código Javascript:
Ver original
  1. $("#boton").click(function() {
  2.        
  3.         $(".ventana").show();
  4.        
  5.         $(".boton2").click(function() {
  6.             //ajax
  7.         });
  8.    
  9.     });

ej 2
Código Javascript:
Ver original
  1. $("#boton").click(function() {
  2.        
  3.         $(".ventana").show();
  4.     });
  5.    
  6.     $(".boton2").click(function() {
  7.         //ajax
  8.     });

ej 3
Código Javascript:
Ver original
  1. $("#boton").click(function() {
  2.        
  3.         $(".ventana").show();
  4.     });
  5.    
  6.     $('.boton2').submit(function(event){
  7.         //ajax
  8.     });


O puede que ninguno de los ejemplos sea el mas recomendable.

saludos
gracias