jQuery使用Layer弹出层插件闪退问题


Posted in Javascript onDecember 22, 2016

一、前言

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

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

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

上图吧

jQuery使用Layer弹出层插件闪退问题

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

jQuery使用Layer弹出层插件闪退问题

之后就是错误了:

jQuery使用Layer弹出层插件闪退问题

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

然后就是巨坑的开始

上图:

jQuery使用Layer弹出层插件闪退问题

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

最后,才知道

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

这里 form

jQuery使用Layer弹出层插件闪退问题

还有

jQuery使用Layer弹出层插件闪退问题

以上所述是小编给大家介绍的jQuery使用Layer弹出层插件闪退,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
prototype 的说明 js类
Sep 07 Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
Jan 21 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
D3.js实现简洁实用的动态仪表盘的示例
Apr 04 Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 Javascript
JS监听事件的叠加和移除功能
Nov 19 Javascript
layUI实现前端分页和后端分页
Jul 27 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
Nov 26 Javascript
微信小程序 bindtap 传参的实例代码
Feb 21 Javascript
微信小程序实现转盘抽奖
Sep 21 Javascript
vue 把二维或多维数组转一维数组
Apr 24 Vue.js
深入理解jquery中extend的实现
Dec 22 #Javascript
jQuery插件DataTable使用方法详解(.Net平台)
Dec 22 #Javascript
JS实现间歇滚动的运动效果实例
Dec 22 #Javascript
javascript-解决mongoose数据查询的异步操作
Dec 22 #Javascript
Bootstrap popover用法详解
Dec 22 #Javascript
深入学习jQuery中的data()
Dec 22 #Javascript
读Javascript高性能编程重点笔记
Dec 21 #Javascript
You might like
LotusPhp笔记之:Logger组件的使用方法
2013/05/06 PHP
PHP date()函数警告: It is not safe to rely on the system解决方法
2014/08/20 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
js常用系统函数用法实例分析
2015/01/12 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
JS实现的适合做faq或menu滑动效果示例
2016/11/17 Javascript
angular select 默认值设置方法
2017/06/23 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
vue移动端弹框组件的实例
2018/09/25 Javascript
Vue-cli3多页面配置详解
2020/03/22 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
一分钟学会JavaScript中的try-catch
2020/12/14 Javascript
Vue多选列表组件深入详解
2021/03/02 Vue.js
python实现查询IP地址所在地
2015/03/29 Python
python实现简单的socket server实例
2015/04/29 Python
使用Python导出Excel图表以及导出为图片的方法
2015/11/07 Python
python3.5仿微软计算器程序
2020/03/30 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
win10下python2和python3共存问题解决方法
2019/12/23 Python
django admin后管定制-显示字段的实例
2020/03/11 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
手把手教你用Django执行原生SQL的方法
2021/02/18 Python
canvas画布实现手写签名效果的示例代码
2019/04/23 HTML / CSS
迪卡侬(Decathlon)加拿大官网:源自法国的运动专业超市
2020/11/22 全球购物
自考毕业生自我鉴定
2013/11/04 职场文书
群众路线教育实践活动方案
2014/02/02 职场文书
学生个人自我鉴定范文
2014/03/28 职场文书
出纳试用期自我鉴定
2014/04/07 职场文书
超市工作总结范文2014
2014/12/19 职场文书
2015年财务部工作总结
2015/04/10 职场文书
项目合作意向书
2015/05/08 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
2016年社会主义核心价值观心得体会
2016/01/21 职场文书
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python