解决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 相关文章推荐
jquery处理json对象
Nov 03 Javascript
Javascript基础教程之变量
Jan 18 Javascript
jQuery实现按键盘方向键翻页特效
Mar 18 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
Sep 19 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
Jan 11 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
微信小程序 获取javascript 里的数据
Aug 17 Javascript
three.js中文文档学习之通过模块导入
Nov 20 Javascript
Vue SPA单页应用首屏优化实践
Jun 28 Javascript
微信小程序功能之全屏滚动效果的实现代码
Nov 22 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
Apr 17 Javascript
node.js +mongdb实现登录功能
Jun 18 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解决的一个栈的面试题
2014/07/02 PHP
php超快高效率统计大文件行数
2015/07/05 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
JQuery自定义事件的应用 JQuery最佳实践
2010/08/01 Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
2013/04/01 Javascript
jQuery实现单行文字间歇向上滚动源代码
2013/06/02 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
JQuery Mobile 弹出式登录框的实现方法
2016/05/28 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
2016/12/09 Javascript
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
jQuery Validate插件ajax方式验证输入值的实例
2017/12/21 jQuery
vue中的provide/inject的学习使用
2018/05/09 Javascript
基于rollup的组件库打包体积优化小结
2018/06/18 Javascript
vue安装和使用scss及sass与scss的区别详解
2018/10/15 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
django基础之数据库操作方法(详解)
2017/05/24 Python
用tensorflow构建线性回归模型的示例代码
2018/03/05 Python
浅析Python pandas模块输出每行中间省略号问题
2018/07/03 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
python 通过类中一个方法获取另一个方法变量的实例
2019/01/22 Python
Python单元和文档测试实例详解
2019/04/11 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
用django设置session过期时间的方法解析
2019/08/05 Python
在Pytorch中使用样本权重(sample_weight)的正确方法
2019/08/17 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
python 写函数在一定条件下需要调用自身时的写法说明
2020/06/01 Python
python 指定源路径来解决import问题的操作
2021/03/04 Python
建筑毕业生自我鉴定
2013/10/18 职场文书
学生励志演讲稿
2014/01/06 职场文书
领导班子四风对照检查材料思想汇报
2014/09/26 职场文书
公司租房协议书范本
2014/10/08 职场文书
小学教师2014年度工作总结
2014/12/03 职场文书