Question

bootstrap的事件绑定和触发机制的疑惑？

<a href="#myModal" role="button" class="btn" data-toggle="modal">查看演示案例</a>
请问这个打开模态对话框的过程是怎么绑定和触发的？请详细说明。

Answer 1

这个你要读源代码才能明白的，
现在只能给你说个大概的思路。
在bootstrap 的 js 加载的时候他会【检索】到 属性中有 data-toggle 这样的标签。
然后 会【绑定】事件到 这个标签的  href="" 属性的值，也就是 #myModal
就相当于在jquery 中写了这样一段代码
document.ready(function (){
    
  //btn 这个对象是 有【触发】 弹出对话框的 对象
   $("btn").click(function (){
      //显示动态对话框
     $(#myModal).toggle();
   });
})

Answer 2

绑定是在加载js的时候就绑定的，你可以去读他的js文件，应该是调用jquery的函数如live等