如何在使用jquery单击模态外部时关闭Modal？

Question

如何在使用jquery

单击模态外部时关闭模态

$(document).ready(function () {

$("body").click(function (e) {
    var x = e.pageX - e.target.offsetLeft;
    var y = e.pageY - e.target.offsetTop;

    if ((x < 75) || (x > 1275)) {

        $('.modal-backdrop').fadeOut();
        $('.modal').fadeOut("fast");
    }

});
});

Answer 1

你可以用css来做，例如：

var modal = document.getElementById('myModal');
window.onclick = function(event) {
   if (event.target == modal) {
        modal.style.display = "none";
    }
}