layer.msg只提到3个参数,实际上有第4个参数,第4个参数就是msg关闭后执行的回调.   layer.msg('提示', 2, 1, function(){})   第一个参数:提示 第二个参数:自动关闭时间 第三个参数:图标类型 第四个参数:msg关闭后执行的回调   layer.msg() 和 layer.alert() 结合使用后的问题 在layer.msg() 弹出错误提示后,提交后弹出 layer.alert() 提示点确定关闭ifram 却关闭不了. 点击确定,关闭不了最外层

一.使用方法:1)必须先引入jQuery1.8或以上版本 <script src="jQuery的路径"></script> <script src="layer.js的路径"></script> 2)定义函数 1)参数: icon: 16, //代表加载的图标time: 0, //0秒关闭(如果不配置,默认是3秒)shade: 0.5 //类型:String/Array/Boolean,默认:0.3即弹层外区域.默认

var index = layer.msg(); $.ajax("","",function(){ layer.close(index) })

1.layer.alert layer.alert('见到你真的很高兴', {icon: 6}); 效果图 layer.alert('墨绿风格,点击确认看深蓝', { skin: 'layui-layer-molv' //样式类名 自定义样式 ,closeBtn: 1 // 是否显示关闭按钮 ,anim: 1 //动画类型 ,btn: ['重要','奇葩'] //按钮 ,icon: 6 // icon ,yes:function(){ layer.msg('按钮1') } ,btn2:funct

ajax success方法 success: function(data){ layer.msg("输入你需要的提示",{time:1000,end:function(){ //消息持续时间,结束后回调方法 }}); }

前几天使用layer.msg设置时间后发现不起作用,这里记录一下. 开始出错误的代码: 后面查看文档后得知调用layer.msg后如果有后续操作需要写在function()中: //eg1 layer.msg('只想弱弱提示'); //eg2 layer.msg('有表情地提示', {icon: 6}); //eg3 layer.msg('关闭后想做些什么', function(){ //do something }); //eg layer.msg('同上', { icon: 1, time:

icon 1到6的不同效果 layer.msg(,time:, shift: });//一个勾 layer.msg(,time:, shift: });//一个叉 layer.msg(,time:, shift: });//一个问号 layer.msg(,time:, shift: });//一个锁 layer.msg(,time:, shift: });//一个哭脸 layer.msg(,time:, shift: });//一个笑脸 shift 1到6的不同效果 shift: 从上到下 sh

layer.msg弹窗后没有自动关闭,里面也没有配time: -1 layer.msg("信息体", {time: -1}); 后面发现是jquer和layer版本不对,之前自己用的是 layer-v3.1.1 jquery-1.4.4.min.js 把jquery版本换成3.0.0就好了

layer.msg(resp.msg, { shift: -1, time: 2000 }, function () {                                window.location.href = document.referrer;                            });

layer.msg("2秒就消失哦", { time: 2000 }, function () {                    window.location.href = document.location;                });

源码: layer.msg('只想弱弱提示'); layer.msg('表情提示', {icon: 6}); layer.msg('关闭后想做些什么呢', function(){ //自动执行这里面的内容 }); // 第三种 layer.msg('同上', { icon: 1, time: 2000 //2秒关闭(如果不配置,默认是3秒) }, function(){ //2秒后自动执行这里面的内容 });

layer.msg('提示文字',{shift:1,time:2000},function(){ location.reload();});其中shift是提示框的动画样式,-1为无动画form.on('submit(*)',function());

在使用layer数据表格的时候,默认是不可以换行的.这样显示 改动后 数据格式为   aa<br>bb就会显示为换行 比如我们的字符串是    a<br>b 这样的字符串浏览器会把它解析换行的,但是layer的数据表格的单元格高度就是那么高,不变,底层数其实是加载到了,但是由于高度不够,所以不显示 /* layui-table 表格内容允许换行 */ .layui-table-cell { height: inherit; } /* layui-table 表格内容允许换行 */

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

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

ayer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 经常用到的 在贴出代码 layer.alert('见到你真的很高兴', {icon: 6}); 这是一个最简单的弹出层,可根据icon配置左边的图标 通常

弹出层layer的使用 Intro layer是一款web弹层组件,致力于服务各个水平段的开发人员.layer官网:http://layer.layui.com/ layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力.其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现. layer.msg 语法:layer.msg(content[, options][, end]) 提示框 layer.msg('这里是msg内容'); layer.m

首先向大家推荐layer,在这里也非常感谢贤心的贡献,非常不错的信息框及弹出层解决方案,为一些项目的前端开发提高了很大的效率,希望layer 越办越好! 下面是API,呵呵,官方抄袭过来的,为了自己看着方便. layer API之键值(仅在需要时配置,未配置的会用默认) 键 : 值 描述 skin : 0 层的皮肤编号,值为整数型.目前默认只提供一种皮肤,当你按照样式规则新增皮肤时(详见skin/layer.css),你可配置该参数. type : 0, 层的类型.0:信息框(默认),1:页面层

1.layer.open() // 1.打开弹出层 layer.open({ type:1, //基本层类型 icon:, //图标 content:'请核对信息!', //内容 shade:0.3, //遮罩,如果想定义别的颜色,可以shade:[0.5,'#fff'] shadeClose:, //是否点击遮罩关闭 skin:'demoClass', //样式类名 moveType:, //拖拽风格,默认为0(会有个过度的透明框) btn:['取消','确定'], //按钮 btn1:fun

layer是Layui的一个弹层组建,功能强大,总之我很喜欢,下面介绍这个组件的基本用法. 首先如果只需要使用layer而不想使用Layui可以单独下载layer组件包,页面引入jquery1.8以上任意版本,和laye.js 通过简单的例子能加深理解和学习,首先引入基本的css和js <link rel="stylesheet" href="css/reset.css"> <script src="http://libs.baidu.c