如何通过在模态窗口外单击来关闭模态? [英] How to close a modal by clicking outside the modal window?

问题描述

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

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

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

推荐答案

像这样改变你的函数应该可以工作:

Changing your function like so should work:

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

这篇关于如何通过在模态窗口外单击来关闭模态?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！