Как закрыть модальное окно, нажав за пределами модального окна?

Question

В очень простом модале jQuery я закрываю модал, нажимая кнопку ЗАКРЫТЬ как

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

Как закрыть модал, нажав кнопку ЗАКРЫТЬ (которая находится внутри модальных окон) ИЛИ нажавв любом месте за пределами модального окна.

Answer 1

Изменение вашей функции так должно работать:

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

Answer 2

Я считаю полезным включить:

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

Answer 3

Добавьте тот же прослушиватель кликов к вашему оверлею.