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 相关文章推荐
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
JS将制定内容复制到剪切板示例代码
Feb 11 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
Apr 20 Javascript
jquery $.trim()方法使用介绍
May 21 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
javascript常用方法总结
May 14 Javascript
JS日期格式化之javascript Date format
Oct 01 Javascript
解决jQuery使用JSONP时产生的错误
Dec 02 Javascript
深入理解jQuery 事件处理
Jun 14 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
快速将Vue项目升级到webpack3的方法步骤
Sep 14 Javascript
javascript实现简易计算器功能
Sep 23 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 应用程序安全防范技术研究
2009/09/25 PHP
PHP 开发环境配置(Zend Server安装)
2010/04/28 PHP
PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)
2014/05/10 PHP
推荐一款MAC OS X 下php集成开发环境mamp
2014/11/08 PHP
Yii2中多表关联查询hasOne hasMany的方法
2017/02/15 PHP
phpStudy配置多站点多域名和多端口的方法
2017/09/01 PHP
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
2007/02/03 Javascript
在javascript将NodeList作为Array数组处理的方法
2010/07/09 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
2014/03/22 Javascript
Vuex之理解Mutations的用法实例
2017/04/19 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
2017/09/20 jQuery
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
bootstrap下拉框动态赋值方法
2018/08/10 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
使用apidoc管理RESTful风格Flask项目接口文档方法
2018/02/07 Python
pytorch训练imagenet分类的方法
2018/07/27 Python
Python常用模块之requests模块用法分析
2019/05/15 Python
pyqt5 从本地选择图片 并显示在label上的实例
2019/06/13 Python
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
施华洛世奇加拿大官网:SWAROVSKI加拿大
2018/06/03 全球购物
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
酒店管理毕业生自荐信
2013/10/24 职场文书
技校毕业生个人学习的自我评价
2014/02/21 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
大型主题婚礼活动策划方案
2014/09/15 职场文书
污染环境建议书
2015/09/14 职场文书
股东协议书范本2016
2016/03/21 职场文书
2016年艾滋病宣传活动总结
2016/04/01 职场文书
怎样写工作总结啊!
2019/06/18 职场文书