layui弹出层闪退

今天用layui的弹出层插件，发现两奇怪的问题：

1、弹窗打开事件还未绑定到任何按钮，可是点击form表单中的按钮可以打开我定义的弹出层

2、绑定弹出层到按钮，打开弹窗闪退

 

后面发现真如参考博文所说：我的button也是在form表单中，原因：

我在form表单中使用了Button按钮，点击的时候会触发默认事件，而form的action我没填，所以就是弹出层闪退！！

解决办法：

方法一：我将button标签换成其他的，如span就不会出现闪退问题了。

方法二：给button指明类型:type = "button"，因为在form表单中的button默认type = "submit"，改为button就没有表单的默认事件了，感觉法二优于法一。

参考：http://www.mamicode.com/info-detail-1654730.html