Cách đóng một phương thức bằng cách nhấp vào bên ngoài cửa sổ phương thức?

Question

Trong một phương thức jQuery rất đơn giản, tôi đóng modal bằng cách nhấp vào CLOSE như

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

Làm thế nào tôi có thể đóng modal bằng cách nhấn liệu vào nút CLOSE (đó là bên trong cửa sổ modal) HOẶC cách nhấn vào bất cứ nơi nào bên ngoài cửa sổ phương thức.

Answer 1

Thay đổi chức năng của bạn như vậy nên làm việc:

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

Answer 2

Thêm cùng trình nghe nhấp chuột vào lớp phủ của bạn.

Answer 3

tôi tìm thấy nó hữu ích bao gồm:

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