layui的弹框弹框不自动关闭
前言:layui的弹框相比较vue的来说,用法是有很多不一样的官方:layui弹框 layui弹框2实现效果:一级弹框点击X 后,不关闭一级弹框,弹出二级弹框实现代码:核心不退出代码,函数里面加了:return false1级弹框方法layer.open({// layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)type : 1
·
前言:
layui的弹框相比较vue的来说,用法是有很多不一样的
官方:layui弹框 layui弹框2
实现效果:
一级弹框点击X 后,不关闭一级弹框,弹出二级弹框
实现代码:
核心不退出代码,函数里面加了:return false
1级弹框方法
layer.open({
// layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)
type : 1,
shift : 2,
id : Math.random(),
title : "日志栏",
skin : 'layui-layer-rim',
offset : offset,
area: ['90%', mobileHeight], // 宽高
btnAlign: 'c',
content : $("#dailyForm"),
btn1: function(index, layero){
// layero.find('.sub-bindbtn').click();
},
btn2: function(index, layero){
layer.close(index);
},
success : function() {
$("#dailyForm").attr("data-type",dailyType);
$("#dailyForm").attr("data-id",projectId);
dailyFormAssignment(result)
},
cancel : function() {
// $('#formBtn').click();
twoTrueModel()
return false
}
});
let twoTrueModel = function(){
layer.open({
// layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)
type : 1,
shift : 2,
id : Math.random()*100000,
title : "提示",
skin : 'layui-layer-rim',
offset : offset,
area: ['30%', '15%'], // 宽高
btnAlign: 'c',
content: '<div style="text-align: center;padding-top: 16px; font-size: 16px;">是否保存并提交当前日报内容</div>',
btn: ['保存', '关闭所有弹框'],
shade: 0, //不显示遮罩
btn1: function(index, layero){
$('#formBtn').click();
},
btn2: function(index, layero){
layer.closeAll();
}
});
}
更多推荐
已为社区贡献102条内容
所有评论(0)