Bootstrap每天必学之警告框插件,使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能，感兴趣的小伙伴们可以参考一下
警告框（Alert）消息大多是用来想终端用户显示诸如警告或确认消息的信息。使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能。
如果您想要单独引用该插件的功能，那么您需要引用 alert.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。
一、用法
您可以有以下两种方式启用警告框的可取消（dismissal）功能：
1、通过 data 属性：通过数据 API（Data API）添加可取消功能，只需要向关闭按钮添加 data-dismiss="alert"，就会自动为警告框添加关闭功能。
<a data-dismiss="alert" href="#" aria-hidden="true">
×
</a>
2、通过 JavaScript：通过 JavaScript 添加可取消功能：
$(".alert").alert()
二、简单实例
警告框即为点击小时的信息框。
1、基本实例
<div>
<button type="button" data-dismiss="alert">
<span>×</span>
</button>
<p>
警告：您的浏览器不支持！
</p>
</div>
2、添加淡入淡出效果
<div>
如果用 JavaScript，可以代替 data-dismiss="alert"
//JavaScript 方法
$('.close').on('click', function() {
$('#alert').alert('close');
})
Alert 插件中事件有两种：
//事件，其他雷同
$('#alert').on('close.bs.alert', function() {
alert('当 close 方法被触发时调用！');
});
- 企业年会老板简短发言致辞稿10篇
- 爱国精神演讲稿(7篇)
- 感恩节的演讲稿简短范文（7篇）
- 让爱永驻心中演讲稿600字（7篇）
- 让爱永驻心中优秀演讲稿600字7篇
- 2023年让爱永驻心中演讲稿600字7篇
- 小学师德师风演讲稿通用范文7篇
- 心系国防演讲稿(7篇)
- 爱我国防演讲稿(8篇)
- 优秀个人演讲精选范文15篇
- 2022董事长年会致辞简短霸气10篇
- 2022小公司年会老板发言稿精选10篇
- 最新2022护士长竞聘演讲稿精选
- 2022优秀个人竞聘演讲稿10篇
- 企业年会员工演讲稿1000字
- 2022公司年会新人发言稿
- 五分钟自我介绍演讲稿600字8篇精选
- 我是谁自我介绍演讲稿5篇
- 交通安全日主题演讲稿10篇
- 爱国主义优秀演讲稿(7篇)
- 关于感恩节的演讲稿（十篇）
- 国防教育主题演讲稿(7篇)
- “爱我国防”主题演讲稿(7篇)
- 爱我国防主题演讲稿(7篇)
- 国防安全主题演讲稿(7篇)
- communicable
- communicable disease
- communicant
- communicate
- communicated
- communicating
- communication
- communication channel
- communication-channel
- big-bigger-picture
- 曲意逢迎
- 曲折
- 曲护
- 曲拉
- 曲挠
- 曲曲
- 曲曲弯弯
- 曲棍球
- 曲池
- 曲洛
- 北京市海淀区2016年事业单位招聘工作人员岗位表
- 2016年赣州市第五人民院录用聘用制人员笔试/面试公告
- 北京市国土资源局2016年上半年招聘事业单位工作人员公告
- 2016年北京市国土资源局招聘工作人员岗位计划表
- 2016年常德市康复医院招聘工作人员报考信息验证
- 2016年北京市先农坛体育运动技术学校招聘工作人员公告
- 2016年平顶山舞钢市中医院引进高层次及紧缺急需人才公告
- 2016年北京市海淀区委组织部/区政府办所属事业单位招聘工作人员公告
- 2016年平顶山舞钢市中医院引进高层次及紧缺急需人才实施方案
- 2016年中山大学附属第一医院本部病案管理科医学统计人员招聘启事