के तरीके को समझना डेटा-खारिज विशेषता बूटस्ट्रैप

Question

में काम करता है

मैं बूटस्ट्रैप के लिए नया हूँ और मैं इस उदाहरण के साथ समस्या का सामना करना पड़ रहा हूँ:

<!-- Trigger the modal with a button --> 
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 

<!-- Modal --> 
<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
     <p>Some text in the modal.</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div> 

    </div> 
</div> 

मेरी समझ के अनुसार data-dismiss="modal" विशेषता अगर आप उस पर क्लिक करें मोडल बंद हो जाना चाहिए , लेकिन मुझे समझ में नहीं आता कि यह दृश्य के पीछे कैसे काम करता है। मैंने आधिकारिक दस्तावेज की जांच की: http://getbootstrap.com/javascript/#modals-examples लेकिन इसमें कोई व्याख्या नहीं है।

Answer 1

बिल्कुल bootstrap.js विशेषता data-dismiss="modal" विशेषता के साथ तत्व ढूंढें और this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) पीछे ट्रिगर करें। यानी यह तत्व को छुपाता है लेकिन अधिक जटिल तरीके से।

Answer 2

छिपाने की कार्यक्षमता modal.js में इस तरह से लागू की गई है।

this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) 

असल में यह सिर्फ तत्वों data-dismiss की विशेषता और modal का मूल्य है कि खोजने है। क्लिक करने पर यह इन तत्वों को छुपाएगा।