Закрыть лайтбокс при нажатии на ящик

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); 
    } 
});