layui弹出层第一次打开不居中

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);
	});
})

结果第一次弹出时效果:
layui弹出层第一次打开不居中_第1张图片

解决方法

在弹框方法外面套层layer.ready方法

layer.ready(function () {
     
	// 弹框代码
})

layui弹出层第一次打开不居中_第2张图片

最终代码

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);
		});
	})
})

完成效果:每次刷新后第一次打开也能正确的居中了
layui弹出层第一次打开不居中_第3张图片

-----种一棵树最好的时间是十年前,其次是现在。。

你可能感兴趣的:(前端,javascript,layui)