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匹配手机屏幕横竖状态
Jan 27 HTML / CSS
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
Sep 02 HTML / CSS
CSS3 box-sizing属性详解
Nov 15 HTML / CSS
CSS3的颜色渐变效果的示例代码
Sep 29 HTML / CSS
巧用 CSS3的webkit-box-reflect 倒影实现各类动效
Mar 05 HTML / CSS
HTML5验证以及日期显示的实现详解
Jul 05 HTML / CSS
html5中 media(播放器)的api使用指南
Dec 26 HTML / CSS
通过HTML5规范搞定i、em、b、strong元素的区别
Mar 04 HTML / CSS
利用三角函数在canvas上画虚线的方法
Jan 11 HTML / CSS
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
Mar 17 HTML / CSS
css3中transform属性实现的4种功能
Aug 07 HTML / CSS
能用CSS实现的就不要麻烦JavaScript了
Oct 05 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编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
PHP反射API示例分享
2016/10/08 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
详解phpstorm2020最新破解方法
2020/09/17 PHP
Jquery.Form 异步提交表单的简单实例
2014/03/03 Javascript
javascript多物体运动实现方法分析
2016/01/08 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
浅谈angularJS中的事件
2016/07/12 Javascript
Javascript实现登录记住用户名和密码功能
2017/03/22 Javascript
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
实现jquery放大镜的两种方法
2018/02/22 jQuery
JS中通过url动态获取图片大小的方法小结(两种方法)
2018/10/31 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
django利用request id便于定位及给日志加上request_id
2018/08/26 Python
用python生成1000个txt文件的方法
2018/10/25 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
Python八皇后问题解答过程详解
2019/07/29 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
2019/12/12 Python
tensorflow中tf.reduce_mean函数的使用
2020/04/19 Python
Python如何用wx模块创建文本编辑器
2020/06/07 Python
通过自学python能找到工作吗
2020/06/21 Python
python3将变量输入的简单实例
2020/08/19 Python
scrapy-redis分布式爬虫的搭建过程(理论篇)
2020/09/29 Python
Sql面试题
2013/03/20 面试题
高级Java程序员面试题
2016/06/23 面试题
关于环保的演讲稿
2014/05/10 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
室内趣味活动方案
2014/08/24 职场文书
销售经理工作检讨书
2015/02/19 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
5行Python代码实现一键批量扣图
2021/06/29 Python