如何通过点击模式窗口外部来关闭模式？

2018-06-30 02:22:59

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

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

如何关闭模式，方法是单击CLOSE按钮（位于模式窗口内）或者单击模式窗口外的任意位置。

像这样改变你的功能应该工作：

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

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

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

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

链接地址: http://www.djcxy.com/p/83983.html

上一篇: How to close a modal by clicking outside the modal window?

下一篇: Close Dialog When Clicked Outside