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 相关文章推荐
基于pthread_create,readlink,getpid等函数的学习与总结
Jul 17 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
JavaScript小技巧整理篇(非常全)
Jan 26 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 Javascript
详解js的事件处理函数和动态创建html标记方法
Dec 16 Javascript
javascript replace()第二个参数为函数时的参数用法
Dec 26 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
CSS3 动画卡顿性能优化的完美解决方案
Sep 20 Javascript
js中null与空字符串""的区别讲解
Jan 17 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
Apr 17 Javascript
解决webpack多页面内存溢出的方法示例
Oct 08 Javascript
Openlayers学习之加载鹰眼控件
Sep 28 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文件向另一个地址post数据,不用表单和隐藏的变量的
2007/03/06 PHP
php面向对象全攻略 (四)构造方法与析构方法
2009/09/30 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
网页设计常用的一些技巧
2006/12/22 Javascript
JavaScript 学习点滴记录
2009/04/24 Javascript
在模板页面的js使用办法
2010/04/01 Javascript
jquery $.ajax相关用法分享
2012/03/16 Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
2013/07/17 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
2014/01/10 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
2016/05/05 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
2017/01/13 Javascript
js获取地址栏参数的两种方法
2017/06/27 Javascript
jQuery模拟爆炸倒计时功能实例代码
2017/08/21 jQuery
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
js实现多张图片每隔一秒切换一张图片
2019/07/29 Javascript
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
[07:55]2014DOTA2 TI正赛第三日 VG上演推进荣耀DKEG告别
2014/07/21 DOTA
Python实现查找系统盘中需要找的字符
2015/07/14 Python
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
python调用百度REST API实现语音识别
2018/08/30 Python
python学生管理系统
2019/01/30 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
HTML5之SVG 2D入门8—文档结构及相关元素总结
2013/01/30 HTML / CSS
澳大利亚先进的皮肤和激光诊所购物网站:Soho Skincare
2018/10/15 全球购物
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
Overload和Override的区别
2012/09/02 面试题
vue路由实现登录拦截
2021/03/24 Vue.js
绘画专业自荐信
2014/07/04 职场文书
大学推普周活动总结
2015/05/07 职场文书
python中tkinter复选框使用操作
2021/11/11 Python
Python实现视频中添加音频工具详解
2021/12/06 Python