BootStrap的alert提示框的关闭后再显示怎么解决


Posted in Javascript onMay 17, 2016

bootstrap中有alert组件,如果点击关闭按钮后该组件会被删除而不是被隐藏,想再显示怎么办呢?

bootstrap-alert.js源码片段:

function removeElement() {
$parent
.trigger('closed')
.remove()
}

理论上把.remove()改为.hide(),然后在需要重新显示的地方,加上$('#alert').show();就可以了。

但实际应用中,可以把 close button 的 data-dismiss 去掉,加上 onclick="$('#my_alert').hide();"

这样还是可以用 .show() 显示出来。

以上所述是小编给大家介绍的BootStrap的alert提示框的关闭后再显示怎么解决的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 Javascript
自己封装的javascript事件队列函数版
Jun 12 Javascript
Javascript判断图片尺寸大小实例分析
Jun 16 Javascript
jQuery中hasClass()方法用法实例
Jan 06 Javascript
使用jQuery实现更改默认alert框体
Apr 13 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
Javascript removeChild()删除节点及删除子节点的方法
Dec 27 Javascript
快速掌握Node.js环境的安装与运行方法
Feb 16 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
Jul 24 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
Feb 14 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 #Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
May 17 #Javascript
jquery获取img的src值的简单实例
May 17 #Javascript
jQuery Mobile框架中的表单组件基础使用教程
May 17 #Javascript
浅谈Javascript数组(推荐)
May 17 #Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 #Javascript
javascript css红色经典选项卡效果实现代码
May 17 #Javascript
You might like
怎样在PHP中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
php使用cookie保存登录用户名的方法
2015/01/26 PHP
php利用smtp类实现电子邮件发送
2015/10/30 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
JavaScript通过RegExp实现客户端验证处理程序
2013/05/07 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
JS OffsetParent属性深入解析
2014/01/13 Javascript
php读取sqlite数据库入门实例代码
2014/06/25 Javascript
jquery实现兼容IE8的异步上传文件
2015/06/15 Javascript
js实现创建删除html元素小结
2015/09/30 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
jQuery ajax的功能实现方法详解
2017/01/06 Javascript
jQuery使用unlock.js插件实现滑动解锁
2017/04/04 jQuery
浅析Vue实例以及生命周期
2018/08/14 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
vue-i18n结合Element-ui的配置方法
2019/05/20 Javascript
15分钟学会vue项目改造成SSR(小白教程)
2019/12/17 Javascript
python 信息同时输出到控制台与文件的实例讲解
2018/05/11 Python
Python简单爬虫导出CSV文件的实例讲解
2018/07/06 Python
python实现图片中文字分割效果
2019/07/22 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
Python 简单计算要求形状面积的实例
2020/01/18 Python
Python字符串格式化常用手段及注意事项
2020/06/17 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
Hush Puppies澳大利亚官网:舒适的男女休闲和正装鞋
2019/08/24 全球购物
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
中层竞聘演讲稿
2014/01/09 职场文书
大学生毕业评语
2014/12/31 职场文书
2016个人先进事迹材料范文
2016/03/01 职场文书
python处理json数据文件
2022/04/11 Python