Jquery - Desactivar function en capa id interna

[matuteworld]

Buenos dias,

Tengo una capa con fondo transparente (id="popup") y una capa centrada sobre esto (id="window").

Código HTML:

<div class="popup" id="popup">
        <div class="window" id="window"></div>
</div> 

Cierra el popup con un boton CERRAR X, el cual funciona correctamente ocultando la capa (id="popup") y por lo tanto lo que esta dentro...

Ahora mi duda es.. cuando pongo a la capa (id="popup") la funcion cerrar en el evento clic, tambien toma la funcion la capa (id="window") por lo tanto cualquier interaccion sobre esta cierra el popup.

$('#popup').click(

Probe con la funcion .not pero no se si es para quitar la funcion de ciertas capas o para otra cosa :P

espero haya sido claro, desde ya muchas gracias.

Slds!

[Sourcegeek]

Me paso una vez y la unica solucion que encontre es asignarle un false al que no queremos que se cierre..

Código Javascript:

$('#popup').click(function() {
    $(this).hide();
});
$('#window').click(function() {
    return false;
});
 

Saludos!

[tredio]

puedes hacer esto:

Código Javascript:

$('#popup').click(function(e){
    if($(e.target).not('#window')){
        /*cierras la ventana*/
    }
});