layui中的tab选项卡，循环多个选项卡后不出现折叠的解决方法

 <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">

 　　<ul class="layui-tab-title">

     　　<!-- <li class="layui-this">网站设置</li> -->

     　</ul>

  </div>

 

sendReq(

        "getAreaList",

        "post",

        "/shop/shopCenter/query",

        {

          //    name: "珠海",

          //  xzqhbh: "440400",

        },

        function(res) {

          console.log(res);

          if (res.status != 1) {

            layer.msg(res.msg);

          } else {

            $(".layui-tab-title").text("");

            $(".layui-tab-title").append(

                  '<li class="layui-this item pointer" onclick="javascript:screenCat(-1)">全部地区</li>'

            );

            res.data.forEach(function(item) {

              

              $(".layui-tab-title").append(

                  '<li class="item pointer" onclick="javascript:screenCat(' + item.value + ')">'+item.title+'</li>'

              )

            });

            //解决的Tab选项卡不会折叠

            layui.use('element', function(){  

              var element = layui.element;        

              element.init();

            });

            // $(".layui-tab-bar i").html('<i lay-stope="tabmore" class="layui-icon">更多�</i>')

          }

        }

      );