jQuery on() stopPropagation no funciona?

Me parece que no puede conseguir esto para detener la propagación de ..jQuery on() stopPropagation no funciona?

$(document).ready(function(){ 
     $("body").on("click","img.theater",function(event){ 
      event.stopPropagation();  
      $('.theater-wrapper').show(); 
     }); 

     // This shouldn't fire if I click inside of the div that's inside of the 
     // `.theater-wrapper`, which is called `.theater-container`, anything else it should. 
     $(".theater-wrapper").click(function(event){ 
      $('.theater-wrapper').hide(); 
     }); 
    });

Refer this jsfiddle

Fuente

2012-01-24 Dylan Cross

dado que está utilizando on en el elemento body y no directamente sobre img.theater el evento va a burbujear hasta body elemento y así es como funciona.

En el curso del evento se activará el evento .theater-wrapper elementos click para que pueda verlo.

Si no está creando ningún elemento dinámico, adjunte el controlador de evento click directamente en el elemento img.theater.

$("img.theater").click(function(event){ 
    event.stopPropagation();  
    $('.theater-wrapper').show(); 
});

Alternativamente se puede comprobar el destino del evento click dentro .theater-wrapper elementos click manipulador y no hacer nada.

$(".theater-wrapper").click(function(event){ 
    if ($(event.target).is('img.theater')){ 
     event.stopPropagation(); 
     return; 
    } 
    $('.theater-wrapper').hide(); 
});

Fuente

2012-01-24 22:14:16 ShankarSangoli

Todos los de mi contenido se carga en la página a través de ajax –

@DylanCross - En ese caso, se debe utilizar el método alternativo que he mencionado en mi respuesta. Mantenga el manejo del evento 'on' tal como está. – ShankarSangoli

Sí, todavía se cierra cuando hago clic dentro de donde no debe cerrarse cuando hago clic. –

La mejor manera de hacerlo es:

$(".theater-wrapper").click(function(event){ 
    if (!$(event.target).is('img.theater')){ 
     $('.theater-wrapper').hide(); 
    } 
});

Está funcionando para mí con un acordeón y la casilla de verificación

Fuente

2012-10-15 13:21:07 Fassbender

En Respone a su jsFiddle @Dylan

aquí: Cuando hace clic en el punto blanco, no debe cerrarse. jsfiddle.net/Cs8Kq - Dylan

Cambio

if ($(event.target).is('img.theater')){

if ($(event.target).is('.theater-container')){

y funcionará.

Lo resolví utilizando console.log (event.target) en el controlador de eventos y simplemente usando el selector que se cerró cuando hice clic en el área blanca de la que está hablando.

Hubiera comentado en su lugar, pero no tengo suficientes SO Stardust y monedas.

EDIT: como no jsfiddle.net/heNP4/

Fuente

2013-12-11 15:14:43

jQuery on() stopPropagation no funciona?

Respuesta

Cuestiones relacionadas