bootstrap的alert提示框的关闭后再显示问题
2015-07-23 15:22
716 查看
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.js源码片段:
function removeElement() {
$parent
.trigger('closed')
.remove()
}
理论上把.remove()改为.hide(),然后在需要重新显示的地方,加上$('#alert').show();就可以了。
但实际应用中,可以把 close button 的 data-dismiss 去掉,加上 onclick="$('#my_alert').hide();"
这样还是可以用 .show() 显示出来。
相关文章推荐
- Bootstrap学习笔记-模态框
- ko.js+bootstrap+HibernateBaseDAO 分页——(1)基础分页
- bootstrap轮播(carousel)图片竖着显示不能轮播的问题解决办法
- 【BootStrap】初步教程
- 关于bootstrap的border-box与原始页面的content-box问题冲突
- bootstrap 一页多个轮播 结合samrty
- Python2.7+Django1.8+Bootstrap3 实现增删改查、分页(一)
- 让Bootstrap 3兼容IE8浏览器
- bootstrap css语法,javascript
- php与bootstrap
- bootstrap实现nav
- 仿oschina分页实现
- bootstrap入门(1) bootstrap下载与安装
- web前端学习(bootstrap3)
- table超过30个字段如何处理呢? bootstrap
- Bootstrap复习笔记
- 关于Breeze.js+Angular.js+KendoUI+BootStrap+TypeScript+EF4.5的使用心得记录之一
- bootstrap fileinput添加上传成功回调事件
- Bootstrap~表单Form
- 泡WeX5论坛,就能把钱给挣了! WeX5论坛 金币制启动 -- 让大家帮助大家,让知识变成收益