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

Question

は、私がどのように私はCLOSEボタンにするかどうかをクリックする（モーダルウィンドウの内側にある）OR以外の場所をクリックしてモーダルを閉じることができ

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

としてCLOSEをクリックしてモーダルを閉じますモーダルウィンドウ。

Answer 1

ので、動作するはずのようなあなたの機能を変更する：

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

Answer 2

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

Answer 3

私は含めるようにし、それが役に立ったと評価：

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