layui 弹框无法显示

研究了2个小时发现 layui 弹出框一直无法显示   layui 弹框无法显示_第1张图片

触发了弹框  js也没报错 

function openLogin(){
   var index =layer.open({
        type: 1
        ,title: false //不显示标题栏
        ,closeBtn: false
        ,area:  ['450px', '509px']
        ,shade: 0.3
        ,shadeClose:true
        ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
        ,moveType: 1 //拖拽模式,0或者1
        ,resize:false
        ,content: $('#loginModal')
    });

}

layui 弹框无法显示_第2张图片

看了下 是不是 loginModal样式的问题

layui 在我自己的弹框包了两层 div 

layui 弹框无法显示_第3张图片

妈耶!!原来是 top太高了 难怪没有 ,  官网说 默认坐标,即垂直水平居中。

也不清楚 是根据 窗口 还是根据内容 ,垂直水平居中。看这么高的top应该是根据内容垂直居中了

有可能有些div 影响到了 默认垂直水平居中吧。

layui提供了 layui 弹框无法显示_第4张图片

嘿嘿居然垂直不行,那就用水平吧 

   设置全局默认水平居中 

这就很舒服了。

layui 弹框无法显示_第5张图片

你可能感兴趣的:(layui 弹框无法显示)