layer.load()和layer弹框js

 var loadIndex = '';  的位置如果在最外层将失去作用

$('#next_button').click(function(){
	
if(checkForm())  {
var loadIndex = '';
	var vars = $("#formid").serialize();
        $.ajax({
			type: "post",
			url: "./save_info.php",
			data: vars,//前面的命名和后台接收参数一直
			dataType: "json",
			// contentType: "application/json",
			beforeSend: function () {
				loadIndex = layer.load(1, {
					shade: [0.1, '#fff']
				});
			},
			success:function (result) {
				if(result.code) {
					layer.alert(result.msg);
					var index = layer.open({
						content: '提交成功',
						btn: '去支付',
						shadeClose: false,
						yes: function(){
							callpay()  // 调用jsapi支付功能
						}
					});
				}
			},
			complete: function () {
				setTimeout(function(){
					layer.close(loadIndex);
				},700)
				
			},
		})
	}
})

layer.js弹框操作： 

下面是弹框关闭的两种方式有有function 的一定在function中取关闭弹框

而在function中关闭弹框有分为两种   具体如下

var index = layer.open({
	content: '支付成功',
	btn: '确定',
	shadeClose: false,
	yes: function(){
           // 点击确定之后 会执行这里的代码
    	   layer.close(index); // 关闭弹框    
	    window.location.href = "./show_order.php"
	}
});
layer.open({
	content: '支付成功',
	btn: '确定',
	shadeClose: false,
	yes: function(index){
           // 点击确定之后 会执行这里的代码
    	   layer.close(index); // 关闭弹框    
	    window.location.href = "./show_order.php"
	}
});


					var index = layer.alert('支付成功', {
					 	skin: 'layui-layer-molv' //样式类名
					 	,closeBtn: 0
					 	}, function(){
					 	 	layer.close(index);  // 关闭弹框
					 		window.location.href = "./show_order.php"
					 });


					 layer.msg('支付成功', {
					 	time: 0 //不自动关闭
					 	,btn: ['确定']
					 	,yes: function(index){
					 		layer.close(index);
					 		window.location.href = "./show_order.php"
					 	}
					});

、 

var index = layer.alert('墨绿风格，点击确认看深蓝', {
  skin: 'layui-layer-molv' //样式类名
  ,closeBtn: 0
}, function(){
    layer.close(index)
});

layer.alert('偶吧深蓝style', {
   skin: 'layui-layer-lan'
   ,closeBtn: 0
});


如果加了function 点击确定执行 一定会执行在function中的代码  关闭弹框
如果没有function 点击确定就会自动关闭弹框