layui中实现弹出层的确定与取消操作

实现弹出层的确定与取消操作的两种方式

一、利用content中用元素生成的确定与取消按钮

<div id="wrapper">
	<button type="button">点击</button>
</div>

		<script src="./assets/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./assets/layui/lay/modules/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$("button[type=button]").click(function(){
				layer.open({
					title:"标题",
					type:0,
					area: ['420px', '240px'],
					content:`
						<div class="btnCon">
							<button type="button" id="confirm">确定</button>
							<button type="button" id="cancel">取消</button>
						</div>`,
					success:function(){//弹出层弹出后回调
						$("#confirm").click(function(){
							alert(0)
						})
						$("#cancel").click(function(){
							alert(1)
						})
					},
				})
			})
		</script>

二、利用layui中弹出层的btn属性

$("button[type=button]").click(function(){
				layer.open({
					title:"标题",
					type:0,
					btn:["确定","取消"],
					area: ['420px', '240px'],
					content:``,
					success:function(){//弹出层弹出后回调
					},
					btn1:function(){
						alert(0)
					},
					btn2:function(){
						alert(1)
					}
				})
			})