Layer关于回调函数细节

最新推荐文章于 2025-06-22 11:56:11 发布

xcmercy

最新推荐文章于 2025-06-22 11:56:11 发布

阅读量2.2w

点赞数 6

CC 4.0 BY-SA版权

分类专栏： Layui 文章标签： Layui Layer

本文链接：https://blog.youkuaiyun.com/cccmercy/article/details/78878401

Layui 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了Layer弹窗插件中yes、btn、cancel及success回调函数的参数使用方法，特别是参数的位置顺序对后续操作的影响，帮助开发者避免常见的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Layer中关于yes、btn、cancel以及success回调函数参数注意事项

1. yes、btn和cancel的回调函数参数index在第一位，layero在第二位。yes：第一个按钮的回调，携带两个参数，分别是当前层索引和当前层DOM；btn2：第二个按钮的回调，携带两个参数，分别是当前层索引和当前层DOM；cancel：右上角关闭按钮回调，携带两个参数，分别是当前层索引和当前层DOM。

yes : function(index,layero){
},
				
btn2 : function(index,layero){
},
				
cancel : function(index,layero){
}

2. success的回调函数参数layero在第一位，index在第二位。层弹出后的成功回调方法,success会携带两个参数，分别是当前层DOM和当前层索引

success: function(layero, index){
	console.log(layero.context, index);
},

3. 注意！！！一定要注意回调函数参数的位置，否则在调用下列方法的时候会报错

var body = layer.getChildFrame('body',index);
var iframeWin = window[layero.find('iframe')[0]['name']];

楼主在使用过程中因忽视了yes回调函数两个参数的位置，复制的是seccess的回调函数，参数位置没改，导致调用上述两个方法报错，排错排了近一个小时...