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 点击确定就会自动关闭弹框