前端开发 ·

layer.confirm 确定后消息框不关闭

在使用layer弹层组件中,用到了confirm信息框,就是确认,取消。

其中遇到问题,确定后消息框不关闭,来看代码

layer.confirm("请问是否确定删除,删除后不可恢复?", {
            btn: ["确定","取消"] //按钮
        }, function(){
            alert(123);
        }, function(){

        });

点击“确定”按钮,弹出123,正常操作完了以后,信息框理应关闭的。

方法一:

直接在function里面加入layer.closeAll('dialog');

layer.confirm("请问是否确定删除,删除后不可恢复?", {
            btn: ["确定","取消"] //按钮
        }, function(){
            alert(123);
            layer.closeAll('dialog');
        }, function(){

        });

方法二:

修改function(),function(index),这种方式,官方是支持的。具体可以看官方文档demo的写法

layer.confirm("请问是否确定删除,删除后不可恢复?", {
            btn: ["确定","取消"] //按钮
        }, function(index){
            alert(123);
            layer.close(index);
        }, function(){

        });

好了,The end;

参与评论

  • 龙笑天

    感觉和fancybox没啥区别啊

    12月前 (01-30)
    回复
    回复龙笑天
  • 晓庄

    你这才是只看到了其中一点。再深入去了解。不过大多js都是同结构

    12月前 (01-30)
    回复
    回复晓庄
  • fzht3017@126.com

    一般都用第二种

    12月前 (01-29)
    回复
  • 晓庄

    嗯,我也是用的第二种。第一种虽然也可以,但感觉不是很妥

    12月前 (01-29)
    回复
    回复晓庄