bubbling o lo que sea

[jhz1983]

tengo un div desplazado hacia la izq en el que tengo un formulario de login... con jquery quiero que se mueva hacia la derecha cuando cliken para loggear.. hasta ahi bien..

este es el codigo :

Código:

$(document).ready(function(){
          $('#login').toggle(
            function(event){
                $("#login").animate({"left": "0px"}, "slow");
            }, function(){
                $("#login ").animate({"left": "-180px"}, "slow");
            }
			
        );
    
   });

El problema es que cuando apreto cualquier cosa se cierra , he estado investigando sobre el bubbling, y algunas cosas más pero.. no lo consigo a ver si alguien me hecha un cable

[jonni09lo]

para los elementos dentro de ese formulario colocales por ejemplo

Código Javascript:

$('#login').find('input').click(function(e){
      e.stopPropagation();
});
 

Asi evitas que el click sobre ellos se propague al #login

Saludos

[David]

Otra opción para no agregar listeners a todo lo que hay dentro de #login es comprobar en event.target dónde se originó el evento.

[jhz1983]

gracias!!! funciona perfecto :D

a ver si me pongo con el jquery que siempre que intento hacer algo acabo desesperado.

[jonni09lo]

Iniciado por David

Otra opción para no agregar listeners a todo lo que hay dentro de #login es comprobar en event.target dónde se originó el evento.

Me llamo la atencion eso que dices, tu como harias con event.target (es la primera vez que lo veo )??
Saludos

[David]

Por ejemplo, si se desea excluir a todos los campos:

Código Javascript:

function(event){
    if (event.target.tagName.toUpperCase() == "INPUT") return;
        $("#login").animate({"left": "-180px"}, "slow");
    }
);
 

[jonni09lo]

Bastante interesante lo tendre en cuenta para futuras referencias

Saludos