बूटस्ट्रैप 3 मॉडल: यह जांचने के लिए कि jquery/javascript

Question

का उपयोग करके मोडल खुला या बंद है या नहीं, क्या कोई मुझे बता सकता है कि बूटस्ट्रैप 3.0 मोडल स्थिति को कैसे जांचें, क्या यह jQuery या जावास्क्रिप्ट का उपयोग करके खुला या बंद है। मैंने निम्नलिखित कोड का उपयोग किया लेकिन यह तब काम करता है जब आपने एक बार एक मोडल खोला है अन्यथा डेटा अपरिभाषित त्रुटि देता है।

if($('#addMemberModal').data('bs.modal').isShown == true){ 
console.log("Modal is open"); 
} 

Answer 1

आप भी इस तरह सीधे jQuery का उपयोग कर सकते हैं: मोडल एक रूप ajax द्वारा लोड में खोला जाता है

$('#myModal').is(':visible'); 

Answer 2

कोशिश की जाँच:

if($("#addMemberModal").data('modal') && $("#addMemberModal").data('modal').isShown) { 
    console.log("Modal is open"); 
} 

या

if($('#addMemberModal').hasClass('in')) { 
    console.log("Modal is open"); 
} 

Answer 3

आप अपने पेज http://getbootstrap.com/javascript/#modals

$('#myModal').on('hidden.bs.modal', function (e) { 
    // do something... 
}) 

का उल्लेख कर सकते show.bs.modal
शो इवेंट विधि कहलाते समय यह घटना तुरंत आग लगती है। यदि किसी क्लिक के कारण, क्लिक किया गया तत्व ईवेंट की संबंधित लक्ष्य संपत्ति के रूप में उपलब्ध है।

shown.bs.modal
जब मोडल उपयोगकर्ता को दिखाई बना दिया गया है इस घटना को निकाल दिया जाता है (सीएसएस संक्रमण पूर्ण होने की प्रतीक्षा करेंगे)। यदि किसी क्लिक के कारण, क्लिक किया गया तत्व ईवेंट की संबंधित लक्ष्य संपत्ति के रूप में उपलब्ध है।

hide.bs.modal
इस घटना के तुरंत बाद सक्रिय होता है जब छिपाने उदाहरण विधि बुलाया गया है।

hidden.bs.modal इस घटना को जब मोडल उपयोगकर्ता से छिपा हुआ जा रहा समाप्त हो गया है निकाल दिया जाता है (सीएसएस संक्रमण पूर्ण होने की प्रतीक्षा करेंगे)। loaded.bs.modal इस घटना को निकाल दिया जाता है जब मोडल ने दूरस्थ विकल्प का उपयोग कर सामग्री लोड की है।

Answer 4

यदि आप बाहर का उपयोग कर सकते

$(document).on('hidden.bs.modal', '#photoModal', function() { 
    cancel_camera(); 
    document.getElementById('PhotoPerson').innerHTML = '<img src="' + photoPerson + '"/>'; 
});*