本文探讨了在使用layui弹出层插件时遇到的两个问题：未绑定事件的弹窗被意外触发及绑定后弹窗闪退的现象。深入分析后发现，问题根源在于form表单中的button按钮触发了默认提交行为。文章提供了两种解决方案：一是将button标签替换为其他标签；二是明确指定button类型为button，避免默认事件触发。
今天用layui的弹出层插件，发现两奇怪的问题：
1、弹窗打开事件还未绑定到任何按钮，可是点击form表单中的按钮可以打开我定义的弹出层
2、绑定弹出层到按钮，打开弹窗闪退
我的button也是在form表单中，原因：
原来我在form表单中使用了Button按钮，点击的时候会触发默认事件，而form的action我没填，所以就是弹出层闪退！！
解决办法：
方法一：我将button标签换成其他的，如span就不会出现闪退问题了。
方法二：给button指明类型:type = "button"，因为在form表单中的button默认type = "submit"，改为button就没有表单的默认事件了，感觉法二优于法一。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
