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 mask遮罩实现一些特效
Oct 24 HTML / CSS
CSS3教程(10):CSS3 HSL声明设置颜色
Apr 02 HTML / CSS
CSS3的常见transformation图形变化用法小结
May 13 HTML / CSS
纯HTML5+CSS3制作生日蛋糕代码
Nov 16 HTML / CSS
HTML5实现Notification API桌面通知功能
Mar 02 HTML / CSS
html5调用摄像头功能的实现代码
May 07 HTML / CSS
html5 跨文档消息传输示例探讨
Apr 01 HTML / CSS
详解如何用HTML5 Canvas API控制图片的缩放变换
Mar 22 HTML / CSS
HTML5本地存储和本地数据库实例详解
Sep 05 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
Apr 26 HTML / CSS
使用layui实现左侧菜单栏及动态操作tab项的方法
Nov 10 HTML / CSS
CSS3 制作的图片滚动效果
Apr 14 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的开发框架的现状和展望
2007/03/16 PHP
php处理带有中文URL的方法
2016/07/11 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
php无限极分类实现方法分析
2019/07/04 PHP
PHP中mysqli_get_server_version()的实例用法
2020/02/03 PHP
代码生成器 document.write()
2007/04/15 Javascript
User Scripts: Video Download by User Scripts
2007/05/14 Javascript
js中switch case循环实例代码
2013/12/30 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
JavaScript识别网页关键字并进行描红的方法
2015/11/09 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
js enter键激发事件实例代码
2016/08/17 Javascript
js遍历获取表格内数据的方法(必看)
2017/04/06 Javascript
vue2.0 + ele的循环表单及验证字段方法
2018/09/18 Javascript
微信小程序签到功能
2018/10/31 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
2019/03/27 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
2020/04/10 Javascript
Vue如何获取数据列表展示
2019/12/11 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
微信跳一跳小游戏python脚本
2018/01/05 Python
python爬取个性签名的方法
2018/06/17 Python
Python线性拟合实现函数与用法示例
2018/12/13 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
实例详解Python装饰器与闭包
2019/07/29 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
python palywright库基本使用
2021/01/21 Python
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
工作室成员个人发展规划范文
2014/01/24 职场文书
社区春季防火方案
2014/06/02 职场文书
校本教研活动总结
2014/07/01 职场文书
群众路线教育实践活动民主生活会个人检查对照思想汇报
2014/10/04 职场文书
2015年法院工作总结范文
2015/04/28 职场文书