Layui弹出层的几种回调方法解析

前段时间忙于工作，有很多需要总结和深究的一些知识，没有时间去整理，趁着清明小长假，梳理一下。

最近工作写了两个layer-open，所以今天梳理一下layui弹出层的几种回调方法。

 

1.success - 层弹出后的成功回调方法

success的回调方法是弹出层成功弹出之后就会执行的回调方法，它不管你的弹出层内的内容是否成功显示，只要是弹出层能成功弹出，就会执行success方法。有兴趣的可以debugger一下，几乎是在弹出层出来的瞬间，success方法就会执行。

 

2.yes、cancel - 确定、取消按钮回调方法

yes、cancel按钮是针对确定、取消按钮的回调方法，当选择确定、取消按钮会触发yes、cancel回调方法。请注意，这里指的是弹出层的btn，而不是弹出层展示具体内容的btn，当然也可以不用自己弹出层内容的btn，用layer的yes、cancel按钮。

        $("#ContractGestor").click(function () {
            layer.open({
                type: 2,               
                area: ['20%', '30%'],
                fixed: false, //不固定
                maxmin: true,
                title: "选择指定分配",
                btn: ['确定', '取消'],
                content: "信息核对成功？",

                yes: function(index, layero){
                    //do something
                    layer.close(index); //如果设定了yes回调，需进行手工关闭
                }

                cancel: function(index, layero){ 
                      if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
                      layer.close(index)
                      }
                      return false; 
                }  

                //end: function () {
                //    $("#ContractGestor").val($("#RealName").val());
                //}
            });
        })

 

3.end - 层销毁后触发的回调

end触发的回调个人感觉是用的最多的，它是在弹出层关闭之后执行的回调，主要是在弹出层执行完之后，允许继续执行后面的代码。

 

4.full/min/restore -分别代表最大化、最小化、还原 后触发的回调

full/min/restore -这些也是弹出层layui自带的功能按钮，和success、cancel一样，用法也一样。