Foros del Web » Programando para Internet » Javascript »

stopPropagation()

Estas en el tema de stopPropagation() en el foro de Javascript en Foros del Web. Hola a todos!!, tengo un area de notificacion que se depliega cuando le hacen click a un boton y se esconde al volverle hacerle click ...
  #1 (permalink)  
Antiguo 04/02/2014, 23:30
 
Fecha de Ingreso: febrero-2009
Mensajes: 151
Antigüedad: 15 años, 2 meses
Puntos: 1
stopPropagation()

Hola a todos!!, tengo un area de notificacion que se depliega cuando le hacen click a un boton y se esconde al volverle hacerle click tipo facebook...

Las notificaciones que salen dentro de esta area al hacerle click se abren en una ventana modal utilizando fancybox.

El problema es que al hacer click en la notificacion se me esconde el area de notificacion como si estubiera haciendo click en el boton para cerrarlo, esto se debe a la propagacion de eventos... entonces coloco:

stopPropagation();

y el area de notificacion ya no se me cierra al hacer click en alguna notificacion pero me deja de funcionar las ventanas modales de fancybox

¿Alguien tiene alguna idea de como solucionar esto?. Mil gracias a quien pueda darme una mano!!!
  #2 (permalink)  
Antiguo 05/02/2014, 03:10
Avatar de EmpireFX  
Fecha de Ingreso: marzo-2008
Ubicación: in da house
Mensajes: 60
Antigüedad: 16 años, 2 meses
Puntos: 3
Respuesta: stopPropagation()

Quizas no lo estas utilizando apropiadamente(nota el argumento event)..

http://api.jquery.com/event.stoppropagation/
  #3 (permalink)  
Antiguo 05/02/2014, 10:26
 
Fecha de Ingreso: febrero-2009
Mensajes: 151
Antigüedad: 15 años, 2 meses
Puntos: 1
Respuesta: stopPropagation()

Hola EmpireFX! mil gracias por tu ayuda, mira esta es mi funcion:

Código Javascript:
Ver original
  1. $('.notificacion').on("click", function(event){
  2.  
  3.                     $(this).remove();
  4.  
  5.                     if ($('.notificacion').length > 0)
  6.                         {
  7.                             event.stopPropagation();                            
  8.                         };                
  9.                        
  10.                     });

Pienso que lo estoy utilizando bien ya que no tiene mayor ciencia jejeje. Alguien se le ocurre alguna otra solucion?. Gracias a todos!!!



Cita:
Iniciado por EmpireFX Ver Mensaje
Quizas no lo estas utilizando apropiadamente(nota el argumento event)..

http://api.jquery.com/event.stoppropagation/
  #4 (permalink)  
Antiguo 05/02/2014, 13:29
Avatar de EmpireFX  
Fecha de Ingreso: marzo-2008
Ubicación: in da house
Mensajes: 60
Antigüedad: 16 años, 2 meses
Puntos: 3
Respuesta: stopPropagation()

Código Javascript:
Ver original
  1. $('.notificacion').on("click", function(event){
  2.         $(this).remove();
  3.         event.stopPropagation();  
  4. });

Tendria que bastar pero sino ahy que ver el conflicto con ese plugin..

Etiquetas: funcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:32.