属性が、私はブートストラップに新たなんだと私は、この例での問題直面していますブートストラップ

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の値を持つ要素を見つけることです。クリックすると、これらの要素が非表示になります。