Come chiudere una modal facendo clic all'esterno della finestra modale?

Question

In modo molto semplice modali jQuery, chiudo il modal cliccando sul vicino

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

Come posso chiudere il modal cliccando sia sul pulsante CLOSE (che si trova all'interno delle finestre modali) o facendo clic ovunque al di fuori del finestra modale.

Answer 1

Modifica della funzione in questo modo dovrebbe funzionare:

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

Answer 2

Aggiungere lo stesso listener di clic al proprio overlay.

Answer 3

ho trovato utile per includere:

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