モーダルウィンドウの外側をクリックしてモーダルを閉じるにはどうすればよいですか？

Question

非常に単純なjQueryモーダルでは、[閉じる]をクリックしてモーダルを閉じます。

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

（モーダルウィンドウ内にある）CLOSEボタンをクリックするかどうかをクリックしてモーダルを閉じるにはどうすればよいですかORモーダルウィンドウの外側をクリックします。

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

同じクリックリスナーをオーバーレイに追加します。