单击外部框时关闭灯箱

Question

我有上面的js脚本，#quick-view-close作为关闭按钮，#quick-view-modal作为框，但当我点击外框时，框应关闭。

$('body').append('<div id="quick-view-modal"><div id="quick-view-content">
<div id="quick-view-close"></div><div class="quick-view-content">
<div class="quick-view-container col-lg-12 col-md-12 col-sm-12">
</div>
</div>      
</div>
</div>');

$('#quick-view-modal').hide();
    $('#quick-view-close').click(function(){
        $('#quick-view-modal').fadeOut(300);
});

Answer 1

$('body').click(function(e) {
    if (!$(e.target).closest('#quick-view-modal').length){
        $("#quick-view-modal").fadeOut(300);
    }
});