layer页面层 点击遮罩取消 没有销毁

Question

引入了layer的页面层，设置了点击遮罩层取消页面层，
但是第二次弹出的时候发现上一个还在，同时又新建了一个页面层，此时就是两个页面层叠在一起

请问如何只有一个？

Answer 1

//弹出一个页面层
$('#test2').on('click', function(){
layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '<\div style="padding:20px;">自定义内容<\/div>'
});
});