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>')
          }
        }
      );


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM