function ShowloginBox() {
layer.open({
type: 1,
title: "登录",
area:["395px", "300px"],
content: $("#loginbox")
});
}
另外看下是否正确引入了相关文件
1.问题的出现
我刚处理玩 我遇到的情况是这样的 我是弹出层里面一个表格 然后表格里的操作按钮在数据多的时候 点击按钮弹出层就不显示了
定位元素后发现是 top left 属性太大 导致这个弹出层已经超出父级弹出层（可能是父级弹出层的原因吧 导致他计算错了left 和 top 的属性值）
2.解决办法
参考layer的属性
1.直接固定在中间 也就是定义弹出层的时候定义一个类
layer.open({
type: 1,
shade: 0.1,//阴影
skin: 'demo-class',//样式 用于修改弹出层位置
})
然后在样式上设置
body .demo-class {
top:50% !important;
left:50% !important;
}
缺点：因为是直接覆盖样式 弹出层不能拖动
需要拖动的参考第二种方法:弹出完成后回调修改样式
2.success - 层弹出后的成功回调方法
//css
//body .demo-class {}
layer.open({
content: '测试回调',
success: function(layero, index){
// 在这里修改弹出层的样式
$('body .demo-class').css({ "top": "50%", "left": "50%" });
}
});
content 需要用单引号引起来