使用Layer插件遇到的坑——Layer弹出层闪退

Posted 2020-08-24

一、前言

巨坑，基础没学好，导致找了一个下午的问题，终于被我发现了。说多都是泪，记录下来，以后有人遇到这个错误可以参考下

做项目期间做了几个页面，需要用到弹出层，为了方便使用到了Layer的插件，然后写点击事件在form表单中（第一个坑），接着，又使用button按钮（悲剧的开始），同样放在form表单下。想要的效果就是当我点击按钮的时候，就弹出层。（悲剧）

好了，巨坑开始，一开始页面打好之后，就放到SSM框架中，出现的问题一开始就是404地址找不到，使用绝对定位不行，浏览器报的错误一直是错误的地址。这里我就花了2个小时，然后带着万分无奈的心情，将Layer的文件夹放到js文件下，莫名其妙就好了，我...

上图吧

 

使用到的就是Skin文件夹、js文件夹、Css文件夹，然后页面引入

 

之后就是错误了：

 

真心蒙。后来我把Skin文件夹放到js就莫名其妙好了。表示Layer刚用。

然后就是巨坑的开始

上图：

弹出层闪退，最后才发现是form的问题，想想不可能，Layer不可能不可以放在form表单中，

最后，才知道

原来我在form表单中使用了Button按钮，点击的时候会触发默认事件，而form的action我没填，所以就是弹出层闪退！！然后我又作死把页面放到SSM框架中，导致的后果就是点击就请求到业务逻辑，而我又没写请求，所以...

这里 form 

 

还有

 

总结：心情很开心，但是要反思，基础不扎实，一个小小的错误，就可以浪费你整天的时间，所以，要细心再细心。