layer防止重复弹出

最新推荐文章于 2024-09-10 13:59:09 发布

十三月呀

最新推荐文章于 2024-09-10 13:59:09 发布

阅读量3k

点赞数

分类专栏：框架

本文链接：https://blog.csdn.net/yjie970715/article/details/100032394

版权

框架专栏收录该内容

7 篇文章 0 订阅

订阅专栏

官网实例代码

layer.open({
        type: 1
        ,offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
        ,id: 'layerDemo'+type //防止重复弹出
        ,content: '<div style="padding: 20px 100px;">'+ text +'</div>'
        ,btn: '关闭全部'
        ,btnAlign: 'c' //按钮居中
        ,shade: 0 //不显示遮罩
        ,yes: function(){
          layer.closeAll();
        }
      });

实例代码

$('#email').click(function(){
                                    layer.open({
                                        type:1,
                                        content:"暂无消息通知<br><a id='clickTwo'>查看历史消息</a>",
                                        offset: ['60px', '85%'],
                                        area: ['15%', '120px'],
                                        resize:false,
                                        id: 'layerDemo'+1 //防止重复弹出
                                    });
                                    $(".layui-layer-content").css("min-width",$(".layui-layer-page").width());
                                    $(".layui-layer-content").css("text-align","center");

                                    $('#clickTwo').click(function(){
                                        layer.closeAll();
                                        $('.layui-body>iframe').attr('src',$("#projectUrl").val() + '/modelList/message/message.jsp');
                                    })
                            })