layui关闭当前弹出层显示下一弹出层

js中：
 $.ajax({
     
   url : ctx + 'url?t=' + Math.random(),  //url查询未阅读的公告
   success : function(result) {
     
    var noticeId;
    if (0 == result.code) {
     
     dataList = result.data; //查询出来数据
     var x = 0;
     if (dataList.length > 0) {
     //如果有值就调用openLayer()方法，展示当前弹出层
      var openLayer = function(t) {
     
       var noticeId = dataList[x].noticeId;
       var noticeName = dataList[x].noticeName
       var layerIndex = layer.open({
     
        type : 1,
        title : [ noticeName, 'background:#393D49;color: #fff;border:none;height:70px;line-height:70px;font-size: 24px;text-align: center;' ],
        shadeClose : false,
        closeBtn : 1,
        area : [ '700px;', '500px' ],
        shade : 0.8,
        btn : [ '已阅读' ], //
        id : 'LAY_layuipro', // 设定一个id，防止重复弹出
        btnAlign : 'c',
        offset : 'auto',
        moveType : 1,// 拖拽模式，0或者1
        content : $('#noticeBox'),
        success : function(layero) {
     
         $('#noticeBox').text(dataList[x].noticeContent)
        },
        yes : function(index, layero) {
     //以上查询成功点击已阅读，根据url2实现业务逻辑
         $.ajax({
     
          url : ctx + 'url2',
          type : 'POST',
          data : 'noticeId=' + noticeId,
          success : function(result) {
     
           if (0 == result.code) {
     
            layer.close(layerIndex)
           }
          }
         });
        },
        end : function() {
     //销毁后回调
         if (x != dataList.length - 1) {
     //下个弹框判断
          x++;
          openLayer();
         }
        }
       });
      }
      openLayer()
     }
    }
   }
  });
 
 html页面

 <div id="noticeBox" style="line-height: 22px; background-color: #fff; color: #333; font-weight: 300; display: none;"></div>

以上是实现多个弹出层，根据公告数据点击“已阅读”或者“x”实现下个弹框的展示