六、提示框、弹出框、警告框
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触发
注:关闭关闭按钮的父级元素