您现在的位置是:群英 > 开发技术 > web开发
Bootstrap中如何实现alert提示窗的隐藏和显示
Admin发表于 2022-07-25 17:55:011656 次浏览
这篇文章主要为大家详细介绍了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提示窗的隐藏和显示的介绍啦,需要的朋友可以参考上述内容,希望对大家有帮助,欢迎关注群英网络,小编将为大家输出更多高质量的实用文章!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: alert提示窗
相关信息推荐
2021-11-20 17:45:41 
摘要:这篇文章我们来了解python字典遍历的方式,下文介绍了for key in dict遍历字典、for key in dict.keys () 遍历字典的键、or values in dict.values () 遍历字典的值等等,文中示例介绍的很详细,感兴趣的朋友可以了解看看,下面让我们一起来学习一下吧!
2021-12-25 17:52:41 
摘要:这篇文章给大家分享的是gearman使用的相关内容,下文介绍了gearman的安装使用以及gearman怎样进行任务分发的操作,文中示例代码介绍的很详细,对大家学习和工作都有一定参考价值,感兴趣的朋友接下来一起跟随小编看看吧。
2022-07-04 17:38:01 
摘要:这篇文章主要为大家介绍了Go语言基础设计模式之策略模式示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部