amazeui模态框弹出后立马消失并刷新页面的实现方法-创新互联

这篇文章将为大家详细讲解有关amazeui模态框弹出后立马消失并刷新页面的实现方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的万安网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

        最近使用了amazeui做项目，用到了模态框，按照官网给的示例，点击按钮，弹出模态框，使用没问题，但是我是在表格中自定义操作列中使用，在点击操作按钮的时候，模态框会弹出，但是弹出后立马就消失了，还刷新了页面，折腾了一晚上，终于找到了问题。

        问题的根源竟然是我自己定义的操作列里面，按钮没有加type="button"，加上就ok了。

一定要加上这个。

如果有用type="button"，只有阴影层弹出，则需要检查一下有没有使用重复的id。

PS：下面看下关于【bootstrap modal 模态框弹出瞬间消失的问题】以及点击按钮，页面自动刷新问题

提供一个小例子说明。

Launch demo modal

注意红字部分type="button"，在需要触发的按钮处，加入这一段就好了。

因为button如果不设置Type属性   默认是submit- 提交表单的

关于“amazeui模态框弹出后立马消失并刷新页面的实现方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

文章标题：amazeui模态框弹出后立马消失并刷新页面的实现方法-创新互联
文章起源：http://6mz.cn/article/ddpcjh.html