Bootstrap中如何实现alert提示窗的隐藏和显示
导读：这篇文章主要为大家详细介绍了Bootstrap中如何实现alert提示窗的隐藏和显示，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望对大家学习或工作能有帮助。 bo...
这篇文章主要为大家详细介绍了Bootstrap中如何实现alert提示窗的隐藏和显示，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望对大家学习或工作能有帮助。
bootstrap alert的关闭方法：首先打开bootstrap-alert.js源码；然后把close button的data-dismiss去掉；最后加上“onclick="$('#my_alert').hide(); "”即可。
本教程操作环境：windows7系统、bootstrap3版，该方法适用于所有品牌电脑。
解决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提示窗的隐藏和显示的介绍啦，需要的朋友可以参考上述内容，希望对大家有帮助，欢迎关注网络，小编将为大家输出更多高质量的实用文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： Bootstrap中如何实现alert提示窗的隐藏和显示
本文地址： https://pptw.com/jishu/653943.html