layer确定与取消按钮绑定事件

最新推荐文章于 2025-02-14 10:34:17 发布

吴英雄

最新推荐文章于 2025-02-14 10:34:17 发布

阅读量1.2w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Java javaWeb 文章标签： layer 前端 java web

本文链接：https://blog.youkuaiyun.com/sinat_38543587/article/details/96342176

javaWeb 同时被 2 个专栏收录

3 篇文章

订阅专栏

Java

2 篇文章

订阅专栏

本文介绍了使用layer库进行弹窗确认与取消按钮事件绑定的四种方法，包括直接配置选项、使用回调函数等，适用于不同场景的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layer弹窗确认与取消按钮的事件绑定，目前了解到的方法有如下三种。
方法一：

var index = $.layer({
                        shade : [0.5,'#000'], //不显示遮罩
                        area : ['310px','auto'],
                        closeBtn : [1,true],
                        dialog : {
                            msg:'msg',
                            btns : 2,
                            type : 4,
                            btn : ['确定','取消'],
                            yes : function(){//确定按钮
                                //do something;
                                layer.close(index);
                            },
                            no : function(){//取消按钮
                                //do something;
                                layer.close(index);
                            }
                        },
                        close : function(){//弹窗的取消按钮
                           do something;
                            layer.close(index);
                        }
                    });

方法二：

layer.confirm('msg', 
 {
  icon: 3,
  title:'提示',
  yes: function(index){
    //do something
    layer.close(index);
   },
  cancel: function(index, layero){ 
    layer.close(index);
    reload();// 可以在这里刷新窗口
 } 
});

方法三：

layer.confirm('msg', {               
                btn: ['是', '否'],
                btn2：function(){
                     //do sonmething
                }
                }, function () {
                       //do sonmething
                });

另外一种类似的方式

layer.confirm('msg', {
 		btn: ['是','否'],
 		btn1: function(){
                $.ajax({
                          url: 'url',
                          type: "POST",
                          data:{"id":Id},
                          success:function () {
                            layer.msg("msg");
                          }
                        })
                },
         btn2: function(){
                         //do something
                }
            })

layer官网也有相关的API，可以去官网查看。
相关方法均为个人总结，如有错误联系我，即时更正。