使用top.$('#txtReason').val();获取值: //不通过 function unAuditData(id) { parent.layer.open({ type: , title: '未通过原因', skin: 'layui-layer-molv', closeBtn: , shadeClose: true, shade: false, area: ['300px', '180px'], content:'<div id="mydiv" style="

layer.open弹框中的表单数据无法获取 表单数据模板 layer.open() 页面效果: 当点击确定后,radio和textarea获取的值总是为空,解决办法: var setPriCustByCallPhone = $('#setPriCustByCallPhone').html()更改为 var setPriCustByCallPhone = $('#setPriCustByCallPhone')即可!原理:暂时不明!参考: https://blog.csdn.net/weixin_

在用 layer.open() 追加渲染HTML的时候,完全看不到效果,皆因layui框架需要在最后用 form.render() 方法来渲染表单才可以看到效果,写法如下: <script> layui.use(['form','layer'],function(){ var form = layui.form; var layer = layui.layer; str = '<div class="layui-form layui-form-pane">';

layer.msg("提示语...", { time: 5000, shade: 0.6, success: function (layero, index) { var msg = layero.text(); var i = 5; var timer = null; var fn = function () { layero.find(".layui-layer-content").text(msg + '(' + i + ')'); if (!i) { lay

// layer的弹框不显示信息 可能是背景颜色和字体颜色冲突 改下字体颜色即可 layer.msg('<p style="color:black">用户名不能为空</p>', {icon: 2,time: 1000});

一.layer的icon样式 以上样式测试代码: layer.confirm('icon测试', {icon: 1, title:'提示'}, function(index){ //do something alert("确认"); layer.close(index); }); 二.询问框 官方案例: layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ layer.msg('的确很重要', {icon

需求说明: 一个表单页面,点击提交之后,进入后台进行一系列数据交互,然后将交互信息返回至页面中,并以弹框形式展示 应用场景: 添加.修改.删除数据后,返回数据操作是否成功,以及一些其他信息 前期准备: 一个MVC项目 jquery-3.2.1.js,下载地址:右键另存为 layui-v2.1.5.zip,官网:http://www.layui.com/,使用方法请查看文档,非常详实 实现过程: 首先,来一段最原始简单的HTML和后台代码,请忽略CSS <html> <head> &

HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>layer</title> <link rel="stylesheet" type="text/css" href="css/index.css"> <script ty

官网http://layer.layui.com/ /!*如果是页面层*/layer.open({ type: 1, content: '传入任意的文本或html' //这里content是一个普通的String}); layer.open({ type: 1, content: $('#id') //这里content是一个DOM});//Ajax获取$.post('url', {}, function(str){ layer.open({ type: 1, content: str //注意

常见接口如下: 方法名 描述 $.layer({}) 核心接口,参数是一个对象,对象属性参见上述列表.诸如layer.alert()之类的为$.layer()的包装方法. layer.v 获取版本号. layer.ready(callback) layer中的样式文件装载完毕后执行的方法,一般用于页面加载时调用layer,这样可避免样式未加载即调用层导致的错乱. 示例: layer.ready(function(){ layer.msg('Hello Layer'); }); layer.ale

$.layer({     area : ['200px','auto'], //控制层宽高.当设置为auto时,意味着采用自适应, 当然,对于宽度,并不推荐这样做.例如:area : ['310px' , 'auto']     dialog : {      msg:'啦啦啦',      type : 9,      yes : function(){       alert("确定按钮");       },     }      /*     dialog: { 信息框层模式

今天在项目中遇到的一个问题:点击按钮使用layer弹框弹出一张图片,需要加一个鼠标滚轮放大缩小,图片也跟着放大缩小的功能.于是在网上找了一个demo. DEMO: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格. 问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示. 代码展示: parent.layer.open({ type: 0, id: 'Layer', title: '标题', area: ['740px', '500px'], shade: 0, anim: -1, content: '<div class="table"></div>',

H5微信页面开发,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,导致弹框里的按钮响应区域错位. 解决方案:给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效, //blur失去焦点事件$("input,select,textarea").blur(function(){ setTimeout(function() {                 ;       

本文是自己整理的关于layer插件的弹框样式结果 介绍: 官方介绍:layer至今仍作为layui的代表作,受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 同时也高居年度最受欢迎的开源项目榜单:2017年度最流行的十大中国开源软件:https:

ElementUI:项目中如果用到MessageBox弹框的输入框input且type为password,以及用到<el-dialog>里面用到input且type为password.此时如果项目中也使用了 时间日期选择组件则会出现如下情况: 凡是当前显示页面使用日期的地方报此错误.因为password是不可能不加的,所以解决这个问题只能强制给日期选择器加一个ID并且不同日期选择控件加不同的ID 错误出现诱因: 诱因1:MessageBox弹框的输入框input且type为password 诱

官方介绍:layer至今仍作为layui的代表作,受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 同时也高居年度最受欢迎的开源项目榜单:2017年度最流行的十大中国开源软件:https://www.jianshu.com/p/d7a76eee5

<script type="text/javascript"> 12 //eg 13 layer.open({ 14 title:"标题信息提示",//标题信息 15 content: 'test',//内容区域 16 move: false,//是否可以拖动,默认可以拖动 17 btn: ['按钮一', '按钮二', '按钮三'], 18 btn1: function(index){ 19 //按钮[按钮一]的回调 20 layer.close(ind

问题出现:我点击“确定”时会验证“新手机号码”,如果验证不通过则不给该弹框关掉,但是实际操作时,不管验证怎么样,点击“确定”之后该弹框都会关掉. 之前的写法: layer.open({          type: 1,          shade: false,          area: ['400px', '300px'],          title: '修改 - 手机号码', //不显示标题          content: $('.edit_phone1'), //捕获的元素

这里对layer的笔记只是大概记录一下其使用过程,以便后续使用时快速回顾,更详细使用及介绍参考官网实例.链接在本文末 一 .初步了解layer-弹层之美 layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 在与同类组件的比较中,layer总是能轻易获胜.她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升.易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer(已被8267108人次关注

项目中,左侧导航树,右侧是 iframe 嵌套的页面,在右侧页面中又有layer弹框,可以说是有两层 iframe 框架. 所以查询网上的parent什么的方法都不能用.自己摸索的下面的方法: 1.父页面取子页面的值: top.moreFunLayer = top.layer.open({ type: 2, title: "常用功能", area: ["600pt", "150pt"], content: './workbench/comUseF