专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

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

作者:鹏仔先生日期:2020-06-22浏览:2728分类: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>


手机扫码访问

已有2位网友发表了看法:

  • 访客

    访客  评论于 [2020-08-05 17:20:55]  回复

    有点厉害。。。。。。。

取消回复欢迎 发表评论:

关灯