मोडल विंडो के बाहर क्लिक करके एक मोडल को कैसे बंद करें?

Question

एक बहुत ही सरल jQuery मोडल में, मैं के रूप में

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

बंद पर क्लिक करके मोडल बंद मैं कैसे (जो मोडल खिड़कियों के अंदर है) बंद बटन पर कि क्या क्लिक करने या बाहर कहीं भी क्लिक करके मोडल बंद कर सकते हैं मोडल खिड़की

Answer 1

की तरह तो काम करना चाहिए अपने कार्य में बदलना:

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

Answer 2

अपने ओवरले पर एक ही क्लिक श्रोता जोड़ें।

Answer 3

मैं इसे उपयोगी पाए गए:

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