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 相关文章推荐
PJBlog插件 防刷新的在线播放器
Oct 25 Javascript
用jQuery模拟页面加载进度条的实现代码
Dec 19 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
jQuery获取节点和子节点文本的方法
Jul 22 Javascript
js中document.write的那点事
Dec 12 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
Nov 07 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
Sep 28 Javascript
JS非行间样式获取函数的实例代码
Jun 05 Javascript
新手简单了解vue
May 29 Javascript
p5.js实现故宫橘猫赏秋图动画
Oct 23 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
Jul 31 Javascript
Vue 数据绑定的原理分析
Nov 16 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实现智能文件类型检测的实现代码
2011/08/02 PHP
php上传功能集后缀名判断和随机命名(强力推荐)
2015/09/10 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
再谈javascript常见错误及解决方法
2016/09/16 Javascript
bootstrap多种样式进度条展示
2016/12/20 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
Vue仿今日头条实例详解
2018/02/06 Javascript
基于React+Redux的SSR实现方法
2018/07/03 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
使用uni-app开发微信小程序的实现
2019/12/13 Javascript
微信小程序实现手指拖动选项排序
2020/04/22 Javascript
解决vue路由name同名,路由重复的问题
2020/08/05 Javascript
不要用强制方法杀掉python线程
2017/02/26 Python
python对配置文件.ini进行增删改查操作的方法示例
2017/07/28 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
python简单鼠标自动点击某区域的实例
2019/06/25 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
Python分类测试代码实例汇总
2020/07/23 Python
免税水晶:Duty Free Crystal
2019/05/13 全球购物
英国莱斯特松木橡木家具网上商店:Choice Furniture Superstore
2019/07/05 全球购物
应届生简历中的自我评价
2014/01/13 职场文书
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
国际会计专业求职信
2014/08/04 职场文书
golang中切片copy复制和等号复制的区别介绍
2021/04/27 Golang
pytorch--之halfTensor的使用详解
2021/05/24 Python
Python 如何实现文件自动去重
2021/06/02 Python
Vue操作Storage本地化存储
2022/04/29 Vue.js