如何实现“layer.open设置多个按钮,点击按钮不关闭弹窗”?

2025-02-27 14:02:40
推荐回答(3个)
回答1:

1、在编译器中输入一下代码即可:

layer.open({
 title: '在线调试'
 ,content: '可以填写任意的layer代码',
btn:['按钮1','按钮2','按钮3'],
yes:function(index,layero){
 alert("按钮1");
},
btn2:function(index,layero){
 alert("按钮2");
}
});

2、官网首页测试:


3、弹窗后两秒自动关闭代码

layer.open({ 
content: '通过style设置你想要的样式', 
style: 'background-color:#09C1FF; color:#fff; border:none;', 
time: 2 
});

4、弹窗后点击关闭代码

layer.open({  
    btn: ['关闭'],  
    content:'内容'  
})

回答2:

layer.open({
title: '在线调试'
,content: '可以填写任意的layer代码',
btn:['按钮1','按钮2','按钮3'],
yes:function(index,layero){
alert("按钮1");
},
btn2:function(index,layero){
alert("按钮2");
}
}); 
点击按钮1,弹出 "按钮1”是不会关闭弹窗,但是点击 按钮2,弹出“按钮2” 之后就会关闭弹窗了!请问如何也让他不关闭弹窗??

回答3:

可以加一个return false

layer.open({ title: '在线调试' ,content: '可以填写任意的layer代码',btn:['按钮1','按钮2','按钮3'],yes:function(index,layero){ alert("按钮1");},btn2:function(index,layero){
alert("按钮2");
return false;}});