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实现的漂亮Menu菜单效果代码
Sep 10 HTML / CSS
HTML5+CSS3 诱人的实例:3D立方体旋转动画实例
Dec 30 HTML / CSS
CSS3实现彩色进度条动画的示例
Oct 29 HTML / CSS
html5使用Canvas绘图的使用方法
Nov 21 HTML / CSS
html5组织文档结构_动力节点Java学院整理
Jul 11 HTML / CSS
html5 canvas绘制放射性渐变色效果
Jan 04 HTML / CSS
html5贪吃蛇游戏使用63行代码完美实现
Jun 25 HTML / CSS
HTML5 拖放功能实现代码
Jul 14 HTML / CSS
Html5 Geolocation获取地理位置信息实例
Dec 09 HTML / CSS
HTML5新增form控件和表单属性实例代码详解
May 15 HTML / CSS
Html5获取高德地图定位天气的方法
Dec 26 HTML / CSS
HTML5 HTMLCollection和NodeList的区别详解
Apr 29 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
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
php之static静态属性与静态方法实例分析
2015/07/30 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
很酷的javascript loading效果代码
2008/06/18 Javascript
AngularJS语法详解
2015/01/23 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
2015/06/09 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
微信小程序 SocketIO 实例讲解
2016/10/13 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
关于在LayUI中使用AJAX提交巨坑记录
2019/10/25 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
2021/01/07 Vue.js
Python __setattr__、 __getattr__、 __delattr__、__call__用法示例
2015/03/06 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
Python编写简单的HTML页面合并脚本
2016/07/11 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
Python接口测试get请求过程详解
2020/02/28 Python
详解Python IO口多路复用
2020/06/17 Python
keras CNN卷积核可视化,热度图教程
2020/06/22 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
Tiqets荷兰:出售欧洲最美丽的景点和博物馆门票
2018/01/09 全球购物
美国肌肉和力量商店:Muscle & Strength
2019/06/22 全球购物
法律进社区实施方案
2014/03/21 职场文书
励志演讲稿600字
2014/08/21 职场文书
介绍信格式
2015/01/30 职场文书
建国大业观后感600字
2015/06/01 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
关于springboot配置druid数据源不生效问题(踩坑记)
2021/09/25 Java/Android