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

更新时间：2016年05月17日 16:47:46 作者：杨杨0708

这篇文章主要介绍了BootStrap的alert提示框的关闭后再显示问题的相关资料,需要的朋友可以参考下

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提示框的关闭后再显示怎么解决的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

Webpack 之 babel-loader文件预处理器详解
这篇文章主要介绍了Webpack 之 babel-loader文件预处理器详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-03-03
JavaScript同步与异步任务问题详解
这篇文章主要介绍了JavaScript事件循环同步任务与异步任务，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下
2022-07-07
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
无法在infowindow里面添加的div进行绑定事件处理，官方的API，发现了google.maps.InfoWindow下面的Events里面有个domready事件
2013-04-04
详细分析Javascript中创建对象的四种方式
这篇文章详细介绍了Javascript中创建对象的几种方式与每种方式的优缺点，其中包括工厂模式、构造函数模式、原型模式和组合使用构造函数模式和原型模式，有需要的小伙伴们一起来学习学习吧。
2016-08-08
javascript测试题练习代码
javascript测试题练习代码，需要的朋友可以参考下
2012-10-10
Select标签下拉列表二级联动级联实例代码
这篇文章主要介绍了Select标签下拉列表二级联动级联实例代码,需要的朋友可以参考下
2014-02-02
利用JavaScript判断浏览器类型及版本
浏览器对于我们来说，可能是最熟悉的工具了。在我们的产品开发过程中，经常要考虑浏览器兼容问题，以适应不同的用户人群，同时也减少因浏览器兼容问题所带来的服务量。所以检测浏览器的版本及类型就是很重要的一件事了，下面来一起看看用Javascript如何实现。
2016-08-08
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
这篇文章主要介绍了微信小程序导航栏滑动定位功能,可实现CSS3的positionsticky效果,涉及微信小程序事件监听、状态判断及属性动态操作相关实现技巧,需要的朋友可以参考下
2019-01-01
js实现模拟购物商城案例
这篇文章主要为大家详细介绍了js实现模拟购物商城案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-05-05
浅谈Javascript数组的使用
这篇文章主要介绍了浅谈Javascript数组的使用的相关资料,包括数组的大小，数组的遍历以及数组的一些方法，非常细致，需要的朋友可以参考下
2015-07-07