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样式无效的十个重要原因详解
Aug 10 HTML / CSS
css3的transition属性详解
Dec 15 HTML / CSS
举例详解CSS3中的Transition
Jul 15 HTML / CSS
使用CSS3来匹配横屏竖屏的简单方法
Aug 04 HTML / CSS
CSS3制作3D立方体loading特效
Nov 09 HTML / CSS
解决img标签上下出现间隙的方法
Dec 14 HTML / CSS
HTMl5的存储方式sessionStorage和localStorage详解
Mar 18 HTML / CSS
HTML5 Video标签的属性、方法和事件汇总介绍
Apr 24 HTML / CSS
基于html5绘制圆形多角图案
Apr 21 HTML / CSS
从零实现一个自定义html5播放器的示例代码
Aug 01 HTML / CSS
HTML5 常见面试题之PC端和移动端区别介绍
Jan 22 HTML / CSS
5分钟实现Canvas鼠标跟随动画背景
Nov 18 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 mysql数据库操作分页类
2008/06/04 PHP
php流量统计功能的实现代码
2012/09/29 PHP
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
PHP 双链表(SplDoublyLinkedList)简介和使用实例
2015/05/12 PHP
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
javascript生成/解析dom的CDATA类型的字段的代码
2007/04/22 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
JavaScript实现在标题栏上显示当前日期的方法
2015/03/19 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
Node.js中process模块常用的属性和方法
2016/12/13 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
layer.js之回调销毁对话框的例子
2019/09/11 Javascript
在vue中把含有html标签转为html渲染页面的实例
2019/10/28 Javascript
vue watch监控对象的简单方法示例
2021/01/07 Vue.js
python翻译软件实现代码(使用google api完成)
2013/11/26 Python
python使用Flask框架获取用户IP地址的方法
2015/03/21 Python
python创建和删除目录的方法
2015/04/29 Python
Pandas读取MySQL数据到DataFrame的方法
2018/07/25 Python
python实现跨excel sheet复制代码实例
2020/03/03 Python
python Cartopy的基础使用详解
2020/11/01 Python
纯CSS3实现绘制各种图形实现代码详细整理
2012/12/26 HTML / CSS
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
西班牙电子产品购物网站:Electronicamente
2018/07/26 全球购物
接口可以包含哪些成员
2012/09/30 面试题
几个Shell Script面试题
2012/08/31 面试题
英语专业个人求职自荐信
2013/09/21 职场文书
美术师范毕业生自荐信
2013/11/16 职场文书
学生实习介绍信
2014/01/15 职场文书
出国签证在职证明
2014/01/16 职场文书
副主任竞聘演讲稿
2014/08/18 职场文书
教师党员个人整改措施材料
2014/09/16 职场文书
2014年领导班子专项整治整改方案
2014/09/28 职场文书
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android