关闭当前layer弹出层，点按钮再弹出一个layer弹出层

最新推荐文章于 2023-12-05 16:18:58 发布

原创最新推荐文章于 2023-12-05 16:18:58 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layer弹出层关闭 #两个layer弹出层

1 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用Layer插件实现弹窗的嵌套显示，通过设定回调函数，在关闭当前弹窗的同时打开新的弹窗，并附带具体的代码示例。

关闭当前layer弹出层，点按钮再弹出一个layer弹出层

yes - 确定按钮回调方法
类型：Function，默认：null
该回调携带两个参数，分别为当前层索引、当前层DOM对象。如:

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

具体例子


<script>
function a(){
    layer.open({//第一个弹出层
        type: 2
        ,title: false //不显示标题栏
        ,closeBtn: false
        ,area: '300px;'
        ,shade: 0.2
         ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
        ,btn: ['停止']
        ,btnAlign: 'c'
        ,moveType: 1 //拖拽模式，0或者1
        ,content: '/user/edit/'//controller中的方法
        ,yes: function(index,layero){//确定按钮回调方法
            layer.close(index);//关闭自身的弹出层
            layer.open({
                type: 2
                ,title: false //不显示标题栏
                ,area: '300px;'
                ,shade: 0.2
                 ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
                ,btnAlign: 'c'
                ,moveType: 1 //拖拽模式，0或者1
                ,content: '/user/sure/'//controller中的方法
                })
        }
    });
}
</script>