了解data-dismiss属性在Bootstrap中的工作原理

我是Bootstrap的新手,我遇到了这个例子的问题:

Open Modal



  


    
    

      

        ×
        
Modal Header
      
      

        
Some text in the modal.
      
      

        Close
      
    

  

根据我的理解data-dismiss="modal"属性应该关闭模式,如果你点击它,但我不明白它如何在幕后工作.我检查了官方文档:http://getbootstrap.com/javascript/#modals-examples但没有解释.

隐藏功能modal.js以这种方式实现.

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

基本上它只是找到具有属性data-dismiss和值的元素modal.点击它会隐藏这些元素.