layer点击自定义按钮关闭对应的弹窗，layer如何关闭弹窗

作者：鹏仔先生日期：2020-06-22 10:42:07浏览：5412分类：JavaScript

layer点击自定义按钮关闭对应的弹窗，layer如何关闭弹窗

首先自定义一个变量
点击 Btn 按钮，弹出弹窗（将弹窗事件赋给自定义的变量名）
最后点击自定义的关闭按钮 ShutDown 时，触发关闭事件，关闭对应的 LayIndex 弹窗
这样就可以实现你想关闭的任何一个弹窗，只需对应变量名即可，layer.close(变量名)

<script>
    // 定义变量名
    var LayIndex;
    // 点击定义的弹窗按钮弹出弹窗
    $("#Btn").click(function(){
        LayIndex = layer.open({
            type: 1 //Page层类型
            ,area: ['500px', '300px']
            ,title: '弹出窗标题'
            ,shade: 0.6 //遮罩透明度
            ,anim: 1 //0-6的动画形式，-1不开启
        });
    });
    // 自定义关闭按钮触发事件
    $("#ShutDown").click(function(){
        layer.close(LayIndex)
    });
</script>