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使用prototype定义对象类型(转)[
Dec 22 Javascript
Js冒泡事件详解及阻止示例
Mar 21 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
JS+CSS实现简易的滑动门效果代码
Sep 24 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
Sep 26 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
Node.js的npm包管理器基础使用教程
May 26 Javascript
js实现产品缩略图效果
Mar 10 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
快速了解Node中的Stream流是什么
Feb 13 Javascript
Angular value与ngValue区别详解
Nov 27 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 jquery 多文件上传简单实例
2013/12/23 PHP
php微信开发之带参数二维码的使用
2016/08/03 PHP
ThinkPHP3.2框架操作Redis的方法分析
2019/05/05 PHP
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
javascript完美拖拽的实现方法
2013/09/29 Javascript
深入理解Java线程编程中的阻塞队列容器
2015/12/07 Javascript
JavaScript实现数据类型的相互转换
2016/03/06 Javascript
JS克隆,属性,数组,对象,函数实例分析
2016/11/26 Javascript
jQuery Masonry瀑布流布局神器使用详解
2017/05/25 jQuery
JS验证码实现代码
2017/09/14 Javascript
vue轮播图插件vue-concise-slider的使用
2018/03/13 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
js new Date()实例测试
2019/10/31 Javascript
Python3读取文件常用方法实例分析
2015/05/22 Python
pandas每次多Sheet写入文件的方法
2018/12/10 Python
Python面向对象基础入门之设置对象属性
2018/12/11 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
python反编译学习之字节码详解
2019/05/19 Python
如何在django中添加日志功能
2020/02/06 Python
浅谈python3打包与拆包在函数的应用详解
2020/05/02 Python
css3截图_动力节点Java学院整理
2017/07/11 HTML / CSS
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
linux面试题参考答案(2)
2015/12/06 面试题
八年级物理教学反思
2014/01/19 职场文书
店面销售职位的职责
2014/03/09 职场文书
医院深入开展党的群众路线教育实践活动实施方案
2014/08/27 职场文书
活动总结格式
2014/08/30 职场文书
2014党员自我评议表范文
2014/09/20 职场文书
辩论赛新闻稿
2015/07/17 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
thinkphp 获取控制器及控制器方法
2021/04/16 PHP
如何用python绘制雷达图
2021/04/24 Python
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android
详解Go语言中Get/Post请求测试
2022/06/01 Golang