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实现精美横向滚动菜单按钮
Apr 14 HTML / CSS
移动端rem布局的两种实现方法
Jan 03 HTML / CSS
CSS3 绘制BMW logo实的现代码
Apr 25 HTML / CSS
css3 伪元素和伪类选择器详解
Sep 04 HTML / CSS
CSS3 实现飘动的云朵动画
Dec 01 HTML / CSS
HTML5中使用postMessage实现Ajax跨域请求的方法
Apr 19 HTML / CSS
html5 乒乓球(碰撞检测)实例二
Jul 25 HTML / CSS
HTML5+lufylegend实现游戏中的卷轴
Feb 29 HTML / CSS
canvas如何绘制钟表的方法
Dec 13 HTML / CSS
Html5适配iphoneX刘海屏的简单实现
Apr 09 HTML / CSS
CSS中em的正确打开方式详解
Apr 08 HTML / CSS
如何利用 CSS Overview 面板重构优化你的网站
Oct 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 裁剪图片成固定大小代码方法
2009/09/09 PHP
php中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
PHP 文件编程综合案例-文件上传的实现
2013/07/03 PHP
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
用JAVASCRIPT如何给&amp;lt;textarea&amp;gt;&amp;lt;/textarea&amp;gt;赋值
2007/04/20 Javascript
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
javascript创建和存储cookie示例
2014/01/07 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
2017/09/30 Javascript
微信小程序开发之自定义tabBar的实现
2018/09/06 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
2018/10/12 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python装饰器decorator介绍
2014/11/21 Python
Python函数可变参数定义及其参数传递方式实例详解
2015/05/25 Python
详解Python爬虫的基本写法
2016/01/08 Python
Python快速从注释生成文档的方法
2016/12/26 Python
使用Python中的tkinter模块作图的方法
2017/02/07 Python
python爬虫入门教程--快速理解HTTP协议(一)
2017/05/25 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
Pytorch中的自动求梯度机制和Variable类实例
2020/02/29 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
思想汇报范文
2013/11/04 职场文书
最新的互联网创业计划书
2014/01/10 职场文书
《庐山的云雾》教学反思
2014/04/22 职场文书
明确岗位职责
2015/02/14 职场文书
风雨哈佛路观后感
2015/06/03 职场文书
新郎父亲婚礼致辞
2015/07/27 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
《女娲补天》教学反思
2016/02/20 职场文书
python实现学生信息管理系统(面向对象)
2022/06/05 Python