如何通过单击模态窗口之外关闭模态?

In a very simple jQuery modal, I close the modal by clicking on CLOSE as

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

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

How can I close the modal by clicking whether on CLOSE button (which is inside the modal windows) OR clicking anywhere outside the modal window.

如何通过单击关闭按钮(在模式窗口内)或单击模式窗口之外的任何地方来关闭模式。

3 个解决方案

#1

Changing your function like so should work:

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

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

#2

I found it helpful to include:

我发现其中包括:

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

#3

Add the same click listener to your overlay.

将相同的点击监听器添加到覆盖层中。

#1