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 相关文章推荐
javascript动态控制服务器控件实例
Sep 05 Javascript
JS动画效果打开、关闭层的实现方法
May 09 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
jQuery中ScrollTo用法示例
Sep 04 Javascript
实例浅析js的this
Dec 11 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
vue绑定class与行间样式style详解
Aug 16 Javascript
浅谈express 中间件机制及实现原理
Aug 31 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
Aug 28 Javascript
在vue和element-ui的table中实现分页复选功能
Dec 04 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
?繁体转换的class
2006/10/09 PHP
PHP多进程编程实例详解
2017/07/19 PHP
jquery 插件学习(四)
2012/08/06 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
原生js实现移动开发轮播图、相册滑动特效
2015/04/17 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
H5用户注册表单页 注册模态框!
2016/09/17 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
Javascript中的作用域及块级作用域
2017/12/08 Javascript
node+koa2+mysql+bootstrap搭建一个前端论坛
2018/05/06 Javascript
vue.js单文件组件中非父子组件的传值实例
2018/09/13 Javascript
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
玩转python爬虫之爬取糗事百科段子
2016/02/17 Python
Python SQLite3简介
2018/02/22 Python
python列表,字典,元组简单用法示例
2019/07/11 Python
python twilio模块实现发送手机短信功能
2019/08/02 Python
python实现输入任意一个大写字母生成金字塔的示例
2019/10/27 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
python如何修改文件时间属性
2021/02/05 Python
关于探究python中sys.argv时遇到的问题详解
2021/02/23 Python
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
高街生活方式全球在线商店:AZBRO
2017/08/26 全球购物
Becextech新西兰:数码单反相机和手机在线商店
2018/04/27 全球购物
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
介绍一下JMS编程步骤
2015/09/22 面试题
Delphi CS笔试题
2014/01/04 面试题
中专毕业生自我鉴定范文
2013/11/09 职场文书
2015年民主评议党员工作总结
2015/05/19 职场文书
Nginx 502 Bad Gateway错误原因及解决方案
2021/03/31 Servers
html实现弹窗的实例
2021/06/09 HTML / CSS