前端模态框数据(amazeui模态框弹出后立马消失并刷新页面)
类别:Web前端 浏览量:1751
时间:2021-10-21 07:06:49 前端模态框数据
amazeui模态框弹出后立马消失并刷新页面最近使用了amazeui做项目,用到了模态框,按照官网给的示例,点击按钮,弹出模态框,使用没问题,但是我是在表格中自定义操作列中使用,在点击操作按钮的时候,模态框会弹出,但是弹出后立马就消失了,还刷新了页面,折腾了一晚上,终于找到了问题。
问题的根源竟然是我自己定义的操作列里面,按钮没有加 type="button"
,加上就ok了。
一定要加上这个。
如果有用type="button"
,只有阴影层弹出,则需要检查一下有没有使用重复的id。
PS:下面看下关于【bootstrap modal 模态框弹出瞬间消失的问题】以及点击按钮,页面自动刷新问题
提供一个小例子说明。
<button class="btn btn-primary btn-lg" type="button" data-toggle="modal"data-target="#myModal"> Launch demo modal </button>
注意红字部分type="button"
,在需要触发的按钮处,加入这一段就好了。
因为button如果不设置Type属性 默认是submit- 提交表单的
总结
到此这篇关于amazeui模态框弹出后立马消失并刷新页面的文章就介绍到这了,更多相关amazeui模态框弹出刷新页面内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- amazeui 费用(AmazeUI的下载配置与Helloworld的实现)
- amazeui怎么设置侧边栏(AmazeUI 等分网格的实现示例)
- 后端ui框架排名(前后端结合实现amazeUI分页效果)
- 小程序ui设计样式(AmazeUI 平滑滚动效果的示例代码)
- treeview怎么加载节点(AmazeUi Tree树形结构 应用小结)
- amazeui图标(AmazeUI 折叠面板的实现代码)
- 小程序推荐ui库(AmazeUI 列表的实现示例)
- ui小程序布局(AmazeUI 输入框组的示例代码)
- 前端表单验证(AmazeUI的JS表单验证框架实战示例分享)
- 前端ui 滑动条(AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码)
- 前端模态框数据(amazeui模态框弹出后立马消失并刷新页面)
- amaze软件(amazeui时间组件的实现示例)
- ui页面动效怎么落地开发(AmazeUI 点击元素显示全屏的实现)
- 前端树结构数据很多怎么展示(amazeui树节点自动展开折叠面板并选中第一个树节点的实现)
- 自定义ui组件的三个重要方法(AmazeUI 面板的实现示例)
- amaze算法(amazeui 验证按钮扩展的实现)
- vivo首款智能手表来了 也有血氧饱和度监测,一次充电18天续航(vivo首款智能手表来了)
- 你知道 七夕 的真正含义吗(你知道七夕的真正含义吗)
- 七夕的寓意(七夕的寓意)
- 苏志燮赵恩静结婚,韩国四大公共财产变三人,这么快就有替补了(苏志燮赵恩静结婚)
- 《内在美》后,一大波新韩剧来袭,李钟硕朴信惠宋慧乔玄彬回归(一大波新韩剧来袭)
- 给孩子选购保温杯,注意这4个步骤,比颜值更重要(给孩子选购保温杯)
热门推荐
- dockerfile映射目录(Dockerfile中ENTRYPOINT 和 CMD的区别说明)
- 虚拟主机管理系统干什么用(五大免费主机管理系统优缺点对比及推荐)
- JS脚本中Null与Undefined的区别
- nginx代理docker容器(Docker Nginx容器制作部署实现方法)
- 带农历的js日期控件
- idea里面怎么配置tomcat(intellij idea 使用Tomcat部署的项目位置在哪)
- dedecms搜索功能怎么设置详细(删除dedecms 5.7里面烦人的织梦链的方法)
- thinkphp5.1插件实现(Thinkphp5.0框架使用模型Model的获取器、修改器、软删除数据操作示例)
- MongoDB的MapReduce的用法
- docker内可执行程序位置(docker exec执行多个命令的操作)