解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题


Posted in Javascript onSeptember 25, 2019

弹出某个层时需要给层取名(赋值)

var = ggLayer = layer.open({
        type: 1,
        content: $('.choose-gg').html(),
        anim: 'up',
        style: 'position:fixed; bottom:0; left:0; width: 100%; height: auto; padding:10px 0; border:none;'
       });

layer.closeAll(); 关闭遮罩层

layer.close(ggLayer);关闭弹窗

使用layer.open弹出页面时,将页面内容设入content属性中,有时候直接将页面的元素放进来,比如$("xxx").html().

容易掉进坑的地方来了,这样设置实质是layer将你的页面html复制出来一份,新生成的弹出框已经不是你原来写的了

所以,如果你给input起了个id并用id获取input的值,实质上获取的是原本页面的input的值(第一个input),不是layer生成的页面的input(第二个input),而你输入的地方是layer生成的input(第二个),所以只能获得input默认自带的值而获取不到刚输入的值。

解决办法:

给input起个class,不要id,获取input的值得时候要用$(".xxx").eq(1).val(),获取生成的第二个input的值,你会发现成功可以获取了

console.log($(".reasonContent2").eq(1).val())

以上这篇解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
Jul 09 Javascript
JavaScript禁止页面操作的示例代码
Dec 17 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
jquery.cookie.js的介绍与使用方法
Feb 09 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
jquery实现图片上传前本地预览
Apr 28 jQuery
AngularJS读取JSON及XML文件的方法示例
May 25 Javascript
layui实现table加载的示例代码
Aug 14 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
Apr 09 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
详解微信小程序中var、let、const用法与区别
Jan 11 Javascript
微信小程序实现一张或多张图片上传(云开发)
Sep 25 #Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 #Javascript
layer 关闭指定弹出层的例子
Sep 25 #Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
Sep 25 #Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
Sep 25 #Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 #Javascript
layui prompt 设置允许空白提交的方法
Sep 24 #Javascript
You might like
PHP闭包定义与使用简单示例
2018/04/13 PHP
jQuery右键菜单contextMenu使用实例
2011/09/28 Javascript
js 对小数加法精度处理示例说明
2013/12/27 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
2015/03/27 Javascript
JavaScript模拟鼠标右键菜单效果
2020/12/08 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
2016/11/12 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
weebox弹出窗口不居中显示的解决方法
2017/11/27 Javascript
你可能不知道的前端算法之文字避让(inMap)
2018/01/12 Javascript
解决vue项目报错webpackJsonp is not defined问题
2018/03/14 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
Python实现XML文件解析的示例代码
2018/02/05 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
python 通过可变参数计算n个数的乘积方法
2019/06/13 Python
python交互模式下输入换行/输入多行命令的方法
2019/07/02 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
python3.5 cv2 获取视频特定帧生成jpg图片
2019/08/28 Python
python如何实现复制目录到指定目录
2020/02/13 Python
python实现扫雷小游戏
2020/04/24 Python
Python3爬虫中Ajax的用法
2020/07/10 Python
Python unittest如何生成HTMLTestRunner模块
2020/09/08 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
Gap英国官网:Gap UK
2018/07/18 全球购物
Java程序开发中如何应用线程
2016/03/03 面试题
J2EE中常用的名词进行解释
2015/11/09 面试题
信息专业毕业生五年职业规划参考
2014/02/06 职场文书
办公室主任主任岗位责任制
2014/02/11 职场文书
党务公开方案
2014/05/06 职场文书
社区党风廉政建设调研报告
2015/01/01 职场文书
金秋助学感谢信
2015/01/21 职场文书
python中数组和列表的简单实例
2022/03/25 Python
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python