Bootstrap 警告框插件Alert

警告框

Bootstrap警告框插件Alert需要 bootstrap-alert.js 文件支持，在使用该插件之前，应该导入 jQuery 和 bootstrap-alert.js 文件。

使用方法

Bootstrap仅仅为警告框提供了一个关闭功能，可以通过JavaScript为某个警告框添加关闭功能。如：

<script>
$(".alert").alert('close')
</script>

如果不使用JavaScript，只需在HTML代码中，将 data-dismiss="alert" 属性添加到警告框的链接或按钮上，即可自动为某个警告框赋予关闭功能。如：

<div class="alert">
<a class="close" data-dismiss="alert" href="#">×</a>
...
</div>

如果希望警告框以动画方式关闭，则要在HTML代码中，给最外层的容器同时添加 .fade 和 .in 类。如：

<div class="alert fade in">
...
</div>
关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap 警告框插件Alert相关推荐

Bootstrap 警告框插件Alert 的事件
事件 Bootstrap警告框插件Alert有两个事件,一个是close,一个是closed,它们的含义见表 5‑6. 表 5‑6 警告框的事件及含义事件含义 close 调用close方法时,立 ...
Bootstrap 警告框（Alert）插件
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 < ...
Bootstrap 警告框
警告框在交互式网页中,经常要根据用户操作的上下文,比如操作成功.操作失败等,为用户提供灵活的提示信息. 警告框警告框用于为成功.警告和错误信息提供样式.默认的警示框可以通过给 <div> ...
第二百四十六节，Bootstrap弹出框和警告框插件
Bootstrap弹出框和警告框插件学习要点: 1.弹出框 2.警告框本节课我们主要学习一下 Bootstrap 中的弹出框和警告框插件. 一．弹出框弹出框即点击一个元素弹出一个包含标题和内容的 ...
Bootstrap警告框、弹出提示层、模态框的js插件效果总结
Bootstrap警告框js插件经常会在bootstrap项目中遇到警告框.弹出提示层.弹出模态框组件等等场景应用. 使用前准备: 插件使用之前,请先导入如下文件: jquery.min.js bo ...
Bootstrap系列之警告框（Alert）
文章の目录 1.示例 1.1.链接的颜色 1.2.添加其它内容 1.3.关闭警告框 2.通过 JavaScript 触发行为 2.1.触发器 2.2.本组件所暴露的方法 2.3.本组件所暴露的事件写 ...
Bootstrap警告框
前面的话在网站中,网页总是需要和用户一起做沟通与交流.特别是当用户操作上下文为用户提供一些有效的警示框,比如说告诉用户操作成功.操作错误.提示或者警告等.在Bootstrap框架有一个独立的组件,实 ...
Bootstrap3 警告框插件的事件
警告框插件的事件警告框有两个可以被监听的事件.见表 4‑8. 表 4‑8 警告框的事件及含义事件含义 close.bs.alert close方法被调用后,立即触发该事件 closed.bs.a ...
Bootstrap3 警告框插件的使用方法
警告框警告框插件(alert.js)仅仅为警告框组件一个关闭功能,即点击警告框的关闭按钮,可以让警告框消失,并将它从 DOM 中删除. 使用方法为警告框添加一个可选的.alert-dismissi ...

Bootstrap 警告框插件Alert

警告框

使用方法

Bootstrap 警告框插件Alert相关推荐

最新文章

热门文章