前端模态框数据(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模态框弹出刷新页面内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- amaze软件(amazeui时间组件的实现示例)
- 后端ui框架排名(前后端结合实现amazeUI分页效果)
- 小程序ui图与移动ui(AmazeUI 缩略图的实现示例)
- 自定义ui组件的三个重要方法(AmazeUI 面板的实现示例)
- 前端ui 滑动条(AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码)
- appui代码(AmazeUI 图标的示例代码)
- amaze如何创建作品(AmazeUI 网格的实现示例)
- 前端轮播图效果(AmazeUI图片轮播效果的示例代码)
- ui界面的测试用例(AmazeUI 模态窗口的实现代码)
- amazeui图标(AmazeUI 折叠面板的实现代码)
- amazeui官网(AmazeUI 评论列表的实现示例)
- amaze算法(amazeui 验证按钮扩展的实现)
- treeview怎么加载节点(AmazeUi Tree树形结构 应用小结)
- 前端app开发适配消息栏(amazeui页面校验功能的实现代码)
- 安卓app开发用什么设计ui(AmazeUI框架搭建的方法步骤图文)
- ui界面的测试用例(AmazeUI中模态框的实现)
- 智能手表兼容Windows和Android 无需充电挑战苹果(智能手表兼容Windows和Android)
- 一天一冲也算表 麦步,一款待机 21 天的智能手表体验评测(一天一冲也算表)
- 魅族智能手表充电座曝光 Type-C 接口,线座分离设计(魅族智能手表充电座曝光)
- 华为 Watch GT2 Pro 智能手表曝光,新增支持无线充电(华为WatchGT2)
- vivo首款智能手表来了 也有血氧饱和度监测,一次充电18天续航(vivo首款智能手表来了)
- 你知道 七夕 的真正含义吗(你知道七夕的真正含义吗)
热门推荐
- vue3组件通讯消息(Vue3实现Message消息组件示例)
- mysql缓冲池(详解MySQL中的缓冲池buffer pool)
- 淘宝算法推荐逻辑公式(详解淘宝H5 sign加密算法)
- python选择排序最大最小同时排序(Python实现的插入排序,冒泡排序,快速排序,选择排序算法示例)
- mysql关联查询详解(详解mysql 组合查询)
- zabbix5.4监控磁盘可用内存大小(解析Zabbix 5.0磁盘自动发现和读写监控的问题)
- python数字图像处理入门(python图像处理入门一)
- python 从入门到实践笔记(python基础梳理一推荐)
- python读取文件的正确方法(强悍的Python读取大文件的解决方案)
- iis安全包括哪些方面(使用华盾IIS备份还原工具备份还原IIS站点图解)