layui框架的弹框关闭方法

layUI实现弹框内部使用代码关闭弹框

话不多说，上代码

//关闭弹框的按钮加上一个id名
<button id="close" class="search-btn" style="background-color: #fff;margin-right: 10px;border: 1px solid #eee;" type="button">关闭</button>

效果图

js代码

<script src="js/jquery.js"></script>
		<script src="./css/layui-v2.6.6/layui/layui.js"></script>
		<script type="text/javascript">
			$(function () {
				$('#close').click(function() {  //获取按钮的节点添加点击事件
					// console.log(123);
					var index = parent.layer.getFrameIndex(window.name)  //关闭当前的iframe层
					    parent.layer.close(index);   //关闭弹框
				})
			})
		</script>

最后效果动态图

注意我这里是用jquery写的，如果你想用js也是可以的写个方法调一下也是可以的