设为首页收藏本站
天天打卡

 找回密码
 立即注册
搜索
查看: 99|回复: 11

amazeui模态框弹出后立马消失并刷新页面

[复制链接]

2

主题

62

回帖

168

积分

注册会员

积分
168
发表于 2024-4-20 10:30:55 | 显示全部楼层 |阅读模式
最近使用了amazeui做项目,用到了模态框,按照官网给的示例,点击按钮,弹出模态框,使用没问题,但是我是在表格中自定义操作列中使用,在点击操作按钮的时候,模态框会弹出,但是弹出后立马就消失了,还刷新了页面,折腾了一晚上,终于找到了问题。
        问题的根源竟然是我自己定义的操作列里面,按钮没有加
  1. type="button"
复制代码
,加上就ok了。

一定要加上这个。
如果有用
  1. type="button"
复制代码
,只有阴影层弹出,则需要检查一下有没有使用重复的id。
PS:下面看下关于【bootstrap modal 模态框弹出瞬间消失的问题】以及点击按钮,页面自动刷新问题
提供一个小例子说明。
  1. <button class="btn btn-primary btn-lg" type="button" data-toggle="modal"data-target="#myModal">
  2. Launch demo modal
  3. </button>
复制代码
注意红字部分
  1. type="button"
复制代码
,在需要触发的按钮处,加入这一段就好了。
因为button如果不设置Type属性   默认是submit- 提交表单的
总结
到此这篇关于amazeui模态框弹出后立马消失并刷新页面的文章就介绍到这了,更多相关amazeui模态框弹出刷新页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

0

主题

53

回帖

107

积分

注册会员

积分
107
发表于 2024-4-20 17:01:06 | 显示全部楼层
说得太好了,完全同意!

0

主题

60

回帖

119

积分

注册会员

积分
119
发表于 2024-5-16 00:51:17 | 显示全部楼层
嘎嘎嘎嘎嘎嘎嘎

0

主题

57

回帖

115

积分

注册会员

积分
115
发表于 2024-6-11 16:09:22 | 显示全部楼层
666666666666
发表于 2024-6-21 13:03:15 | 显示全部楼层
6666666666

1

主题

54

回帖

128

积分

注册会员

积分
128
发表于 2024-6-26 08:39:23 | 显示全部楼层
666666666666

1

主题

65

回帖

153

积分

注册会员

积分
153
发表于 2024-7-8 05:55:41 | 显示全部楼层
好用好用

0

主题

60

回帖

120

积分

注册会员

积分
120
发表于 2024-8-19 07:42:09 | 显示全部楼层
感谢分享,受益匪浅!
  • 打卡等级:初来乍到
  • 打卡总天数:4
  • 打卡月天数:0
  • 打卡总奖励:85
  • 最近打卡:2024-07-12 14:52:17

0

主题

33

回帖

189

积分

注册会员

积分
189

热心会员付费会员

发表于 2024-8-23 16:57:46 | 显示全部楼层
我完全同意你的观点

0

主题

13

回帖

27

积分

新手上路

积分
27
发表于 2024-8-29 20:19:11 | 显示全部楼层
确实牛逼
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|爱云论坛 - d.taiji888.cn - 技术学习 免费资源分享 ( 蜀ICP备2022010826号 )|天天打卡

GMT+8, 2024-11-24 09:21 , Processed in 0.098569 second(s), 28 queries .

Powered by i云网络 Licensed

© 2023-2028 正版授权

快速回复 返回顶部 返回列表