偶然用到了bootstrap的警告框alert，以前用到这种警告框的习惯性用法是在页面中写一个隐藏的div，需要警告框时就调用隐藏div的show方法(就是将div设置为显示)，一般为了用户方a便会增加一个关闭按钮，而关闭按钮就是再将div隐藏起来，这样操作比较简便，div的美容在页面中，相关方法在js信你，分离比较好。
然而在bootstrap却发生了出人意料的事情，alert自带的close样式，在关闭时将整个div节点删除了，没错是删除了，再次想弹出警告框时，就出现了空指针异常，这个和大葱哥的喜欢不一样啊，看来bootstrap不支持div警告框的重用，每次必须用js动态创建div节点。
与同事探讨了下这个问题，同事建议在js中拼接div警告框，通过js重用整个动态div。
个人觉得这种编码方式不是很好，将js和html又混合在了一起。
也有可能是大葱哥才疏学浅，对前端知识有所欠缺，有待待进一步研究。
偶然用到了bootstrap的警告框alert，以前用到这种警告框的习惯性用法是在页面中写一个隐藏的div，需要警...
本节课我们来开始学习 Bootstrap 的警告框样式以及组件的使用。 一．警告框样式 使用.alert 设置警告...
警告框样式 使用.alert设置警告框基础样式，并使用.alert-success等设置警告框颜色; 在使用了警告...
应用BootStrap实现提示框，可以使用.alert类, 后面加上.alert-success,.alert-i...
一、打开窗口open 二、关闭窗口close 三、系统对话框 警告框：alert（“内容”），没有返回值选择框：c...
弹出一个iOS样式的弹出框ios-alert.png代码： 默认样式的默认样式.pngCupertinoAlert...
日常开发中 Alert 提示框的样式经常会使用到，如下简单实现一个 ReactNative 的 Alert 两个按...
项目中需要使用弹出框，向用户展示提示信息。找到了toast和alert两个组件，alert样式美观，但是必须点击按...
怎样创建一个警告框 ？ 为 添加 .alert 类，同时还要从下面的类中选择一个样式： .alert-succ...
介绍： 这是一款结合了alert弹出框与confirm弹出框综合的一款组件，可以定义参数改变弹出框的样式以及点击事...
本文标题：bootstrap alert框close样式的疑问
本文链接：https://www.haomeiwen.com/subject/ysezlctx.html
网友评论