jauery-layer弹出框的使用

一布局:

  

 <div id="detailLayer">
        <div class="box-header">
            <div class="title"><p class="them">现有员工</p></div>
            <div class="title  export"><a class="export-btn">导出</a></div>
            <div>
                <span class="layui-layer-setwin">
                    <a class="layui-layer-ico layui-layer-close layui-layer-close1" href="javascript:;"></a>
                </span>
            </div>
        </div>
        <div class="content">
        </div>
        <div class="detailPag">
        </div>
    </div>

二:设置参数

  

       //打开弹窗
            layer.open({
                title: '人员详情',
                type: 1, //加上边框
                area: ['1100px', '552px'], //宽高
                fix: false,
                move: false, moveOut: true, scrollbar: false, anim: 0,
                content: $('#detailLayer'),
                success: function () {
                    $('.layui-layer-title').remove();
                    $('.layui-layer-content').siblings().remove();
                    setTimeout(function () {
                        $('.layui-layer-content').css({ "overflow": "hidden" });
                    }, 200)
                }
            });

 

posted on 2017-12-25 15:16  Diamond_xx  阅读(171)  评论(0编辑  收藏  举报

导航