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 相关文章推荐
使用CSS3制作倾斜导航条和毛玻璃效果
Sep 12 HTML / CSS
css3 中实现炫酷的loading效果
Apr 26 HTML / CSS
CSS3的新特性介绍
Oct 31 HTML / CSS
关于box-sizing的全面理解
Jul 28 HTML / CSS
CSS3 实现footer 固定在底部(无论页面多高始终在底部)
Oct 15 HTML / CSS
html5/css3响应式页面开发总结
Oct 16 HTML / CSS
html5教程实现Photoshop渐变色效果
Dec 04 HTML / CSS
html5中svg canvas和图片之间相互转化思路代码
Jan 24 HTML / CSS
HTML5的自定义属性data-*详细介绍和JS操作实例
Apr 10 HTML / CSS
HTML5中的Scoped属性使用实例
Apr 23 HTML / CSS
css 边框添加四个角的实现代码
Oct 16 HTML / CSS
css3中2D转换之有趣的transform形变效果
Feb 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
php判断两个浮点数是否相等的方法
2015/03/14 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
使用jQuery插件创建常规模态窗口登陆效果
2013/08/23 Javascript
基于JS实现的笛卡尔乘积之商品发布
2016/05/13 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
2017/08/31 Javascript
Node.js静态服务器的实现方法
2018/02/28 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
vue中nextTick用法实例
2019/09/11 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
用JavaScript实现贪吃蛇游戏
2020/10/23 Javascript
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
使用Python对SQLite数据库操作
2017/04/06 Python
Python2.7基于笛卡尔积算法实现N个数组的排列组合运算示例
2017/11/23 Python
python PyTorch参数初始化和Finetune
2018/02/11 Python
python 重命名轴索引的方法
2018/11/10 Python
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
Python中的 enum 模块源码详析
2019/01/09 Python
详解python tkinter教程-事件绑定
2019/03/28 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
Python内置函数property()如何使用
2020/09/01 Python
什么是Python包的循环导入
2020/09/08 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
加拿大最大的相机店:Henry’s
2017/05/17 全球购物
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
趣味运动会活动方案
2014/02/12 职场文书
党员教师群众路线个人整改措施
2014/10/28 职场文书
复试通知单模板
2015/04/24 职场文书
退税申请报告怎么写
2015/05/18 职场文书
Django程序的优化技巧
2021/04/29 Python
Elasticsearch 批量操作
2022/04/19 Python