¿Cómo cerrar un modal haciendo clic fuera de la ventana modal?

Question

En una muy simple modal jQuery, cierro el modal haciendo clic en CERRAR como

$('#close').click(function(e) { 
    e.preventDefault(); 
    $('#overlay, #alertModalOuter').fadeOut(400, function() { 
    $(this).remove(); 
    }); 
}); 

¿Cómo puedo cerrar la modal haciendo clic ya sea en el botón CERRAR (que está dentro de las ventanas modales) o haciendo clic en cualquier lugar fuera de la ventana modal.

Answer 1

Cambiar su función como así debería funcionar:

$('#close, #overlay').click(function(e) { 
     e.preventDefault(); 
     $('#overlay, #alertModalOuter').fadeOut(400, function() { 
     $('#close').remove(); 
    }); 
}); 

Answer 2

Agregue el mismo detector de clics a su superposición.

Answer 3

me pareció muy útil para incluir:

$('.item-modal').click(function(e) { 
    e.stopPropagation(); 
});