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

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索bootstrap
, alert关闭
alert显示
bootstrap alert、bootstrap alert 样式、bootstrap sweetalert、bootstrap alert 示例、bootstrap alert.js,以便于您获取更多的相关知识。

时间: 2024-10-25 06:54:04

BootStrap的alert提示框的关闭后再显示怎么解决_javascript技巧的相关文章

IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素_javascript技巧

如下 1,两个div,d1中包含d2 2,d1,d2都设置了absolute或relative 3,隐藏d1 4,隐藏子元素d2 5,显示d1 这时IE6/7 and IE8/9/10(IE7模式)中会发现,子元素d2也能显示出了(别忘了,d2被display:none 了哦).但IE8/9/10/Firefox5/Safari4/Chrome12中子元素d2仍然是被隐藏的. 重现代码 复制代码 代码如下: <!DOCTYPE HTML> <HTML> <HEAD> &

easyUI实现(alert)提示框自动关闭的实例代码_javascript技巧

原理:使用js的定时任务函数setInterval设置时间,然后触发关闭事件 参数说明 title:提示框的标题 msg:提示信息内容 ico:显示的提示信息图标,'info','warnning','error'等 函数体 function alert_autoClose(title,msg,icon){ var interval; var time=1000; var x=2; //设置时间2s $.messager.alert(title,msg,icon,function(){}); i

extjs4-使用Ext.form.action.Action ,断开与服务端的连接,再提交,提示框无法关闭

问题描述 使用Ext.form.action.Action ,断开与服务端的连接,再提交,提示框无法关闭 使用Ext.form.action.Action 来提交数据,提交前断开与服务端的连接,再提交.waitMessage的信息一直显示,该怎么关闭啊 解决方案 配置timeout 和failure,超时后触发failure事件,隐藏起来就行了~ timeout单位为妙..

修改js confirm alert 提示框文字的简单实例_javascript技巧

修改js confirm alert 提示框文字的简单实例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <style> *{padding: 0; margin: 0;} html{ height: 100%; } body{ font-size: 16px; font-family: "Microsoft Yahe

c# messagebox-C# WPF中MessageBox提示框延时关闭

问题描述 C# WPF中MessageBox提示框延时关闭 最近在写一个项目,每按一次按钮都会弹出一个提示框,想要在WPF中实现MessageBox提示框的延时自动关闭(比如延时1s,2s等),这样就免去了手动关闭提示框的麻烦.我有在网上搜索了一下,但都是关于Win Form的,没有WPF的.请问该怎么实现,有具体的代码最好了. 解决方案 亲测可行,添加KeyboardToolkit.cs文件(可搜索下载),然后就可以模拟键盘操作.模拟一个enter事件就可以啦,具体还可以参考这个:http:/

jQuery实现摸拟alert提示框_jquery

页面调用JS: $(document).ready(function() { $("#delete_without_layer").click(function () { $.tConfirm.open({body:'Are you sure to delete?',type:'confirm',onOk:function(){ alert("yes"); }}); }); $("#delete_with_layer").click(functi

visual studio 2010-vs2010 新建项目不出现编辑框 最小化后再打开 却出现了编辑框

问题描述 vs2010 新建项目不出现编辑框 最小化后再打开 却出现了编辑框 vs2010 新建项目不出现编辑框 最小化后再打开 却出现了编辑框,求大神帮忙解决,谢谢!! 解决方案 截个图看看你在说什么 解决方案二: 新建项目后 编辑框不能及时显示 我点"最小化"后,再 打开 编辑框就可以显示了, 这两项都已经勾选了, 谢谢帮忙. @有_道_是 解决方案三: 建立项目的编辑框?还是文件编辑框? 建立空项目,没有源文件,是不会打开文本编辑框的.

rownumberer-Extjs4 tabpanel 一个页面关闭后再打开报错

问题描述 Extjs4 tabpanel 一个页面关闭后再打开报错 去年毕业,在公司一直做C/S的软件,最近工作不是很忙,就自己学习了下Extjs4 问题如标题所示.报错信息: TypeError: Argument 1 of Node.insertBefore is not an object. 我是用的desktop + Extjs提供的mvc 做的. 下面贴出部分代码 controller init:function(){ var self=this; coreApp=self; this

Extjs4---Cannot read property &amp;#39;addCls&amp;#39; of null 或者 el is null 关于tab关闭后再打开不显示或者报错

做后台管理系统时遇到的问题,关于tab关闭后再打开不显示,或者报错 我在新的tabpanel中加入了一个grid,当我关闭再次打开就会报错Cannot read property 'addCls' of null, 原因是我在定义grid的错误 这是错误代码:   [javascript] view plaincopy   Ext.define('HT.view.Grid',{       extend:'Ext.grid.Panel',          title : '人员列表',