首页前端开发HTMLamazeui模态框弹出后立马消失并刷新页面

amazeui模态框弹出后立马消失并刷新页面

时间2024-01-25 06:14:19发布访客分类HTML浏览189
导读:收集整理的这篇文章主要介绍了amazeui模态框弹出后立马消失并刷新页面,觉得挺不错的,现在分享给大家,也给大家做个参考。 最近使用了amazeui做项目,用到了模态框,按照官网给的示例,点击按钮,弹出模态框,使用...
收集整理的这篇文章主要介绍了amazeui模态框弹出后立马消失并刷新页面,觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

一定要加上这个。

如果有用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模态框弹出刷新页面内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: AmazeUI的下载配置与Helloworld的...下一篇:AmazeUI中各种的导航式菜单与解决...猜你在找的html5相关文章 关于移动端h5开发相关内容总结2022-05-17html5教程-学表单的第二天2018-12-10html5教程-HTML5浏览器支持2018-12-10html5教程-HTML5智能表单2018-12-10html5教程-微信H5使用resLoader实现加载页效果2018-12-10html5教程-day01-初级-JS0-热身运动JS入门教程2018-12-10html5教程-html5shiv.js和respond.min.js2018-12-10html5教程-不同浏览器对于html5 audio标签和音频格式的兼容性2018-12-10html5教程-使用Html5实现手风琴案例2018-12-10html5教程-html5笔记2018-12-10 其他相关热搜词更多phpjavapython程序员load

若转载请注明出处: amazeui模态框弹出后立马消失并刷新页面
本文地址: https://pptw.com/jishu/586213.html
AmazeUI 模态窗口的实现代码 AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码

游客 回复需填写必要信息