zoukankan      html  css  js  c++  java
  • 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>')
              }
            }
          );
  • 相关阅读:
    Cocos Creator 功能介绍
    Cocos Creator 功能介绍
    Cocos Creator打包发布
    Cocos CreatorUI系统下
    Web前端开发工具和环境清单
    Web前端开发工具和环境清单
    Cocos CreatorUI系统上
    Cocos Creator开发hello World
    前端微信小程序电影类仿淘票票微信小程序
    前端微信小程序电影类仿淘票票微信小程序
  • 原文地址:https://www.cnblogs.com/chenshaoxiong/p/13398919.html
Copyright © 2011-2022 走看看