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

Question

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

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

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

原文由 Googlebot 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

像这样改变你的功能应该有效：

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

原文由 Rich O‘Kelly 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我发现包含以下内容很有帮助：

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

原文由 Ryan Charmley 发布，翻译遵循 CC BY-SA 3.0 许可协议