如何通过单击模态窗口外部来关闭模态？

在一个非常简单的jQuery模式中，我通过单击CLOSE关闭模式

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

如何通过单击CLOSE按钮（位于模态窗口内）或单击模态窗口外的任何位置来关闭模态。

Answer 1

改变你的function应该工作：

  $('#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

将相同的单击侦听器添加到叠加层。