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


Posted in HTML / CSS onAugust 19, 2020

        最近使用了amazeui做项目,用到了模态框,按照官网给的示例,点击按钮,弹出模态框,使用没问题,但是我是在表格中自定义操作列中使用,在点击操作按钮的时候,模态框会弹出,但是弹出后立马就消失了,还刷新了页面,折腾了一晚上,终于找到了问题。

        问题的根源竟然是我自己定义的操作列里面,按钮没有加 type="button",加上就ok了。

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

一定要加上这个。

如果有用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模态框弹出刷新页面内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
多重CSS背景动画实现方法示例
Apr 04 HTML / CSS
css3新增颜色表示方式分享
Apr 15 HTML / CSS
css3实现顶部社会化分享按钮示例
May 06 HTML / CSS
css3实现平移效果(transfrom:translate)的示例
Nov 13 HTML / CSS
HTML5如何实现元素拖拽
Mar 11 HTML / CSS
html5 canvas 画图教程案例分析
Nov 23 HTML / CSS
利用html5 canvas破解简单验证码及getImageData接口应用
Jan 25 HTML / CSS
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
Jul 11 HTML / CSS
详解webapp页面滚动卡顿的解决办法
Dec 26 HTML / CSS
H5离线存储Manifest原理及使用
Apr 28 HTML / CSS
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
Oct 16 HTML / CSS
CSS中理解层叠性及权重如何分配
Dec 24 HTML / CSS
AmazeUI中各种的导航式菜单与解决方法
Aug 19 #HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
Aug 19 #HTML / CSS
AmazeUI 缩略图的实现示例
Aug 18 #HTML / CSS
AmazeUI 单选框和多选框的实现示例
Aug 18 #HTML / CSS
amazeui时间组件的实现示例
Aug 18 #HTML / CSS
AmazeUI 模态窗口的实现代码
Aug 18 #HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
Aug 18 #HTML / CSS
You might like
用header 发送cookie的php代码
2007/03/16 PHP
php使用array_search函数实现数组查找的方法
2015/06/12 PHP
php制作圆形用户头像的实例_自定义封装类源代码
2017/09/18 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
为JavaScript添加重载函数的辅助方法
2010/07/04 Javascript
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
Dom 学习总结以及实例的使用介绍
2013/04/24 Javascript
JavaScript实现找出数组中最长的连续数字序列
2014/09/03 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
2017/07/05 Javascript
解决React Native端口号修改的方法
2017/07/28 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
vue实现通讯录功能
2018/07/14 Javascript
vue设计一个倒计时秒杀的组件详解
2019/04/06 Javascript
vue的keep-alive中使用EventBus的方法
2019/04/23 Javascript
js瀑布流布局的实现
2020/06/28 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
2020/08/08 Javascript
用Python脚本生成Android SALT扰码的方法
2013/09/18 Python
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
在Django中进行用户注册和邮箱验证的方法
2016/05/09 Python
对pandas的行列名更改与数据选择详解
2018/11/12 Python
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
python 星号(*)的多种用途
2020/09/21 Python
萨克斯第五大道英国:Saks Fifth Avenue英国
2019/04/01 全球购物
校园报刊亭创业计划书
2014/01/02 职场文书
网站客服岗位职责
2014/04/05 职场文书
学校交通安全责任书
2014/08/25 职场文书
法人单位适用的授权委托书
2014/09/19 职场文书
员工福利申请报告
2015/05/15 职场文书
小学生暑假安全公约
2015/07/14 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android