layui弹出层第一次打开不居中解决方法
使用layui的弹出层时,每次刷新后第一次弹出都会出现最左侧(默认状态的auto水平锤子居中状态)。第二次及以后弹出才回居中。
layui.use("layer",function(){
var layer = layui.layer;
layer.prompt({
value: 'E:\\文档\\新建文件夹',
title: '请输入上传项目文件的根目录'
}, function(value, index, elem){
var paraMap = new HashMap();
doCallAjax.doAsynchronousAjax("", "", paraMap, doDataSynSuccess);
function doDataSynSuccess(result) {
tips.hide();
if (result["status"] == "200") {
tips.show("上传完成!");
projectStatisticsModule.show();
} else {
tips.show("上次失败," + result["message"]);
}
}
layer.close(index);
});
})
结果第一次弹出时效果:
解决方法
在弹框方法外面套层layer.ready方法
layer.ready(function () {
// 弹框代码
})
最终代码
layui.use("layer",function(){
var layer = layui.layer;
layer.ready(function () {
layer.prompt({
value: 'E:\\文档\\新建文件夹',
title: '请输入上传项目文件的根目录',
}, function(value, index, elem){
var paraMap = new HashMap();
tips.show("开始上传。。");
doCallAjax.doAsynchronousAjax("", "", paraMap, doDataSynSuccess);
function doDataSynSuccess(result) {
tips.hide();
if (result["status"] == "200") {
tips.show("上传完成!");
projectStatisticsModule.show();
} else {
tips.show("上次失败," + result["message"]);
}
}
layer.close(index);
});
})
})
完成效果:每次刷新后第一次打开也能正确的居中了