layui按钮---Layer自定义按钮，关闭弹出层/弹窗；layer自带按钮

最新推荐文章于 2024-07-02 23:55:52 发布

iUserWang

最新推荐文章于 2024-07-02 23:55:52 发布

阅读量1.6w

点赞数 3

分类专栏： layer.js layui 文章标签：弹出层关闭 layer.open layui layui按钮

本文链接：https://blog.csdn.net/woteafuck/article/details/98966489

版权

本文介绍了在使用layui时如何自定义Layer弹出层的按钮，不依赖layer自带的按钮。通过编写changeSure()和formClose()两个方法实现确定和取消操作。在需求中，作者使用bootstrap框架创建了两个按钮，并详细说明了如何在点击按钮时关闭当前弹出层。

摘要由CSDN通过智能技术生成

本天在写代码过程中遇到一个问题.
layer本身自带弹窗按钮，可自定义内容及方法，如下：

function openCurtain(){
	top.layer.open({
		type : 2,
		area : [ 500, 500 ],
		maxmin : true,
		title : '窗帘设置',
		content : 'meetingController.do?meetingCurtainPop',
		btn: ['确定', '关闭'],                                //按钮显示--显示什么''中输入什么，若不想显示，btn及其内代码不加入
	 		yes: function(index, layero) {            //点击确定时的方法
	 			var returnVal = layero.find("iframe")[0].contentWindow.saveTimer();
	 			top.layer.close(index);
	 			layer.open({
					title:'提示信息',
					offset:'rb',
					content:'定时任务更新成功',
					time:6000,
					btn:false,
					shade:false,
					icon:1,
					skin:'jz',
					shift:2
				});
	 		},
		success : function(layero,index) {
			console.log('open');
			var body = top.layer.getChildFrame('body', index);
			console.log(body);
		}
	});	
}

因为需求问