ट्विटर बूटस्ट्रैप मॉडल - किसी भी

Question

पर छिपा हुआ मैं वर्तमान में एक मोडल में वीडियो डालने के लिए बूटस्ट्रैप पर काम कर रहा हूं। सीएमएस के माध्यम से सबकुछ उत्पन्न होता है (इसलिए मुझे इस पर नियंत्रण नहीं है कि कितने वीडियो दिखाए जाएंगे।)

सब कुछ ठीक हो रहा है (मुझे प्रत्येक मोडल को अपना आईडी देना है और सबकुछ काम करता है)। बात यह है कि, जब आप मोडल बंद करते हैं और वीडियो चल रहा है, तो वीडियो (और ध्वनि) पृष्ठभूमि में चलती रहती है।

चकमा करने के लिए है कि, जब एक मॉडल एक्स बटन के साथ बंद हो रहा है, मैं मॉडल में एचटीएमएल ताज़ा करते हैं, इस तरह:

$('button.close').click(function(){ 
    var divcible=$(this).parent().parent().find(".modal-body"); 
    var html = divcible.html() 
    divcible.html("") 
    divcible.html(html) 
}) 

उस के साथ मेरी समस्या यह है कि उपयोगकर्ता पृष्ठभूमि क्लिक करता है तो एचटीएमएल रीसेट नहीं होगा। बूटस्ट्रैप की वेबसाइट पर वे जब एक मॉडल बंद कर देता है इस

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

नजर रखने के लिए कहते हैं, लेकिन मैं वहाँ जब किसी भी मॉडल बंद कर देता है पर नजर रखने के लिए एक रास्ता है कि अगर खोजना चाहते हैं। document तत्व को मूल घटना लक्ष्य से bubble up

$('.myModal').on('hidden', function() { 
    // do something… 

    // edit for clarity: "that" will now reference the modal that was hidden 
    var that = this;   
}) 

Answer 1

एक वर्ग अपने क्रियार्थ द्योतक में जोड़े और उस का उपयोग करें। यह hidden ईवेंट का भी मामला है जिसे उपयोगकर्ता से छिपाया गया है जब मॉडल को समाप्त कर दिया गया है।

$(document).on('hidden', function() { 
    // a modal closes, so do what you want :) 
}) 

Answer 2

डिफ़ॉल्ट रूप से, सबसे घटनाओं:

Answer 3

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

बूटस्ट्रैप 3.x प्रलेखन से

http://getbootstrap.com/javascript/#modals