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 相关文章推荐
jQuery ui1.7 dialog只能弹出一次问题
Aug 27 Javascript
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
Dec 09 Javascript
读JavaScript DOM编程艺术笔记
Nov 15 Javascript
Angular 路由route实例代码
Jul 12 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 Javascript
微信小程序五星评分效果实现代码
Apr 06 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 Javascript
JS实现字符串翻转的方法分析
Aug 31 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
May 24 Javascript
vue前后分离调起微信支付
Jul 29 Javascript
基于vue实现微博三方登录流程解析
Nov 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
用php和MySql来与ODBC数据连接
2006/10/09 PHP
PHP syntax error, unexpected $end 错误的一种原因及解决
2008/10/25 PHP
PHP实现抓取HTTPS内容
2014/12/01 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
PHP使用递归方式列出当前目录下所有文件的方法
2015/06/02 PHP
php面向对象值单例模式
2016/05/03 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
DIV始终居中的js代码
2014/02/17 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
JS数组array元素的添加和删除方法代码实例
2015/06/01 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
2016/11/02 Javascript
原生js实现返回顶部缓冲效果
2017/01/18 Javascript
详解Angular 自定义结构指令
2017/06/21 Javascript
nuxt.js 缓存实践
2018/06/25 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
[02:23]2016国际邀请赛中国区预选赛wings晋级之路
2016/06/29 DOTA
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
python的dict,set,list,tuple应用详解
2014/07/24 Python
Pycharm 2019 破解激活方法图文详解
2019/10/11 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
Python实现剪刀石头布小游戏(与电脑对战)
2019/12/31 Python
Linux下升级安装python3.8并配置pip及yum的教程
2020/01/02 Python
python编写俄罗斯方块
2020/03/13 Python
Python web如何在IIS发布应用过程解析
2020/05/27 Python
python 图像增强算法实现详解
2021/01/24 Python
UNIX命令速查表
2012/03/10 面试题
乱丢垃圾袋检讨书
2014/10/08 职场文书
借条格式范本
2015/05/25 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
学生检讨书范文
2019/06/24 职场文书