बूटस्ट्रैप मॉडल

Question

पर नज़दीकी घटना कैप्चर करें मेरे पास ईवेंट का चयन करने के लिए बूस्ट्रॉप मोडल है। यदि उपयोगकर्ता एक्स बटन पर या मोडल के बाहर क्लिक करता है, तो मैं उन्हें डिफ़ॉल्ट ईवेंट में भेजना चाहता हूं। मैं इन घटनाओं को कैप्चर कैसे कर सकता हूं?

<div class="modal" id="myModal"> 
    <div class="modal-dialog"> 
    <div class="modal-content event-selector"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> 
     <center><h1 class="modal-title event-selector-text">Select an Event</h1><center> 
     </div> 
     <div class="container"></div> 
     <div class="modal-body"> 
     <div class="event-banner"> 
     <a href="/?event=1"><img src=<?php echo IMAGES_EVENT1_LOGO; ?> width="100%"></a> 
     </div> 
     <div class="event-banner"> 
     <a href="/?event=2"><img src=<?php echo IMAGES_EVENT2_LOGO; ?> width="100%"></a> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

यह बहुत एक और stackoverflow लेख के समान है, Bind a function to Twitter Bootstrap Modal Close:

यह मेरा कोड है। मान लें कि आप Bootstap v3 या v4 के कुछ संस्करण का उपयोग कर रहे हैं, तो आपको निम्न की तरह कुछ कर सकते हैं:

$("#myModal").on("hidden.bs.modal", function() { 
    // put your default event here 
}); 

Answer 2

मैं इसे उपयोग करने की कोशिश और काम नहीं किया है, यह सिर्फ मोडल versioin है लगता है।

हालांकि, यह इस रूप में काम किया:

$("#myModal").on("hide.bs.modal", function() { // put your default event here });

बस जवाब अद्यतन करने के लिए =)

Answer 3

हालांकि एक और ढेर अतिप्रवाह सवाल Bind a function to Twitter Bootstrap Modal Close में लेकिन दृश्य अनुभव के लिए यहां उत्तर अधिक विस्तृत जवाब है है।

स्रोत: http://getbootstrap.com/javascript/#modals-events