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 10 HTML / CSS
详解CSS3伸缩布局盒模型Flex布局
Aug 20 HTML / CSS
CSS教程:CSS3圆角属性
Apr 02 HTML / CSS
css3和jquery实现自定义checkbox和radiobox组件
Apr 22 HTML / CSS
CSS3使用border-radius属性制作圆角
Dec 22 HTML / CSS
使用CSS3来制作消息提醒框
Jul 12 HTML / CSS
利用CSS3实现的文字定时向上滚动
Aug 29 HTML / CSS
详解background属性的8个属性值(面试题)
Nov 02 HTML / CSS
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
Jun 09 HTML / CSS
详解HTML5中rel属性的prefetch预加载功能使用
May 06 HTML / CSS
Html5新增标签有哪些
Apr 13 HTML / CSS
分享CSS盒子模型隐藏的几种方式
Feb 28 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
再次研究下cache_lite
2007/02/14 PHP
一个php Mysql类 可以参考学习熟悉下
2009/06/21 PHP
PHP面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
Laravel框架表单验证详解
2014/09/04 PHP
PHP使用curl模拟post上传及接收文件的方法
2016/03/04 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
jQuery实现动画效果circle实例
2015/08/06 Javascript
微信小程序选择图片和放大预览图片功能
2017/11/02 Javascript
webpack的pitching loader详解
2019/09/23 Javascript
vue下axios拦截器token刷新机制的实例代码
2020/01/17 Javascript
js实现百度登录窗口拖拽效果
2020/03/19 Javascript
Python写的英文字符大小写转换代码示例
2015/03/06 Python
无法使用pip命令安装python第三方库的原因及解决方法
2018/06/12 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
python创建ArcGIS shape文件的实现
2019/12/06 Python
python opencv圆、椭圆与任意多边形的绘制实例详解
2020/02/06 Python
解决python中import文件夹下面py文件报错问题
2020/06/01 Python
python中如何设置代码自动提示
2020/07/15 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
比较基础的php面试题及答案-编程题
2012/10/14 面试题
大学毕业生最详细的自我评价分享
2013/11/18 职场文书
如何写你的创业计划书
2014/01/07 职场文书
小学社团活动总结
2014/06/27 职场文书
我的中国梦主题教育活动总结
2015/05/07 职场文书
安全生产感想
2015/08/07 职场文书
导游词之新疆-喀纳斯
2019/10/10 职场文书
MySQL中in和exists区别详解
2021/06/03 MySQL
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript