He estado experimentando con la captura de eventos de clics fuera de elementos usandostopPropagation().

$(".container").children().on('click',function(e){
  e.stopPropagation();    
});
$(".container").on("click",function(){
  alert("outside the box?");    
})​

Aquí hay una configuración de jsFiddle para demostrar que funciona. Se debe disparar una alerta al hacer clic en cualquier lugar fuera del cuadro blanco.

Ahora, estoy tratando de aplicar el mismo principio a los elementos creados dinámicamente. Por lo que yo entiendo, laon() El método de asignación de eventos en jQuery debería permitir que esto funcione sin cambiar el script.

Aquí hay un segundo jsFiddle. donde primero debes hacer clic en un enlace para crear los elementos. Una vez que haya hecho esto, la teoría es que el mismo script funcionará, pero no lo hace. ¿Qué me estoy perdiendo de este método?