解决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 相关文章推荐
将HTML自动转为JS代码
Jun 26 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
Feb 07 Javascript
一行代码告别document.getElementById
Jun 01 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
Apr 07 Javascript
JavaScript清空数组元素的两种方法简单比较
Jul 10 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
React注册倒计时功能的实现
Sep 06 Javascript
angularJs在多个控制器中共享服务数据的方法
Sep 30 Javascript
在js代码拼接dom对象到页面上的模板总结
Oct 21 Javascript
基于vue.js实现分页查询功能
Dec 29 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
May 12 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入门学习知识点一 PHP与MYSql连接与查询
2011/07/14 PHP
php采集中国代理服务器网的方法
2015/06/16 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
jquery实现的超出屏幕时把固定层变为定位层的代码
2010/02/23 Javascript
异步动态加载js与css文件的js代码
2013/09/15 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
Javascript中document.referrer隐藏来源的方法
2017/01/16 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
2017/04/20 Javascript
Vue.js项目模板搭建图文教程
2017/09/20 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
js序列化和反序列化的使用讲解
2019/01/19 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
vue-cli3单页构建大型项目方案
2020/04/07 Javascript
python使用递归解决全排列数字示例
2014/02/11 Python
python两种遍历字典(dict)的方法比较
2014/05/29 Python
python Django框架实现自定义表单提交
2016/03/25 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
删除python pandas.DataFrame 的多重index实例
2018/06/08 Python
浅谈Python中的全局锁(GIL)问题
2019/01/11 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
Ubuntu下Anaconda和Pycharm配置方法详解
2019/06/14 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
django日志默认打印request请求信息的方法示例
2020/05/17 Python
Python使用socket模块实现简单tcp通信
2020/08/18 Python
追悼会主持词
2014/03/20 职场文书
安全生产承诺书范文
2014/05/22 职场文书
关于保护环境的标语
2014/06/09 职场文书
客户答谢会活动方案
2014/08/31 职场文书
共青团员自我评价范文
2014/09/14 职场文书
企业法律事务工作总结
2015/08/11 职场文书
文书工作总结(范文)
2019/07/11 职场文书
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL
python中 .npy文件的读写操作实例
2022/04/14 Python