layer弹框iframe相关操作

最新推荐文章于 2024-04-17 17:24:33 发布

RightNaid

最新推荐文章于 2024-04-17 17:24:33 发布

阅读量669

点赞数

CC 4.0 BY-SA版权

分类专栏： layui 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/RightNaid/article/details/108798420

layui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在Layer弹框中使用内置按钮关闭弹框以及如何自定义弹框内的按钮，为jQuery开发者提供有关layer弹框iframe的实用操作技巧。

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

一、点击layer弹框自带的btns关闭

top.layer.open({
	type:2,
	title:'title',
	area:['500px','350px'],
	content:'url',
	btns:['确定','取消']，
	yes:function(index,layero){
		// index：当前弹框索引；layero:当前弹框
		top.layer.close(index); // 关闭弹框
		console.log(layui.jquery(layero).find("iframe")[0].contentWindow.abc) // 直接取弹框里abc的值
	}
})

二、自定义弹框里按钮

// 父页面
top.layer.open({
	type:2,
	title:'title',
	area:['500px','350px'],
	content:'url',
})
// 弹框页面
$(".btns").click(function(){
	parent.layer.close(parent.layer.getFrameIndex(window.name));  // 关闭当前弹框
})