bootstrap js插件篇——提示框、弹出框、警告框

六、提示框、弹出框、警告框

6.1提示框

  6.1.1基本结构

注： 1、提示框的触发方式和前面介绍的插件略有不同，不能直接通过自定义的属性 data- 来触发，必须得依赖于JavaScript的代码触发

      

    2、同时设置了 data-original-title 和 title 定义提示信息，那么 data-original-title 的优先级要高于 title

 6.1.2js触发

 6.1.3 其他自定义data-属性

6.2弹出框

 6.2.1data触发

 6.2.2js触发

 6.2.3 提示框与弹出框的差别

   》提示框 tooltip 的默认触发事件是 hover 和 focus，而弹出框 popover 是 click

   》提示框 tooltip 只有一个内容(title)，而弹出框不仅可以设置标题（title）还可以设置内容(content)

 

6.3警告框

 6.3.1基本结构

法一

法二

注：法二存在的弊端为，点击关闭按钮后，#myAlert区域消失，但关闭按钮仍旧存在

 6.3.2js触发

注：关闭关闭按钮的父级元素