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 相关文章推荐
原生js做的手风琴效果的导航菜单
Nov 08 Javascript
深入理解javascript动态插入技术
Nov 12 Javascript
浅谈Node.js中的定时器
Jun 18 Javascript
AngularJs动态加载模块和依赖注入详解
Jan 11 Javascript
jQuery遮罩层效果实例分析
Jan 14 Javascript
深入浅析JS Function()构造函数
Aug 22 Javascript
深入理解Vue transition源码分析
Jul 30 Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
Nov 14 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
Jul 08 Javascript
详解ES6 Symbol 的用途
Oct 14 Javascript
使用koa2创建web项目的方法步骤
Mar 12 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
Nov 02 Javascript
深入理解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
PHP实现的蚂蚁爬杆路径算法代码
2015/12/03 PHP
Laravel 登录后清空COOKIE的操作方法
2019/10/14 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
Yii使用DbTarget实现日志功能的示例代码
2020/07/21 PHP
Javascript 表单之间的数据传递代码
2008/12/04 Javascript
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
Bootstrap的class样式小结
2016/12/01 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
详解SPA中前端路由基本原理与实现方式
2018/09/12 Javascript
详解服务端预渲染之Nuxt(介绍篇)
2019/04/07 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
2020/05/30 jQuery
vue项目在webpack2实现移动端字体自适配功能
2020/06/02 Javascript
详解Python中的装饰器、闭包和functools的教程
2015/04/02 Python
python中安装模块包版本冲突问题的解决
2017/05/02 Python
python导出chrome书签到markdown文件的实例代码
2017/12/27 Python
100行Python代码实现自动抢火车票(附源码)
2018/01/11 Python
python3+PyQt5实现文档打印功能
2018/04/24 Python
Numpy之random函数使用学习
2019/01/29 Python
Python中的十大图像处理工具(小结)
2019/06/10 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
Python魔术方法专题
2020/06/19 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
css3学习之2D转换功能详解
2016/12/23 HTML / CSS
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
英智兴达软件测试笔试题
2016/10/12 面试题
安全教育实施方案
2014/03/02 职场文书
管理工程专业求职信
2014/08/10 职场文书
2015年校长新年寄语
2014/12/08 职场文书
有关三国演义的读书笔记
2015/06/25 职场文书
Linux中各个目录的作用与内容
2022/06/28 Servers