layui中实现tab切换的实例代码

layui中tab的切换，可使用element.tabChange(filter, layid);用于外部切换到指定的Tab项上，如：element.tabChange(demo, layid); //切换到 lay-id=yyy 的这一项 下例所示 element.tabChange(demo, 22); //切换到：用户管理 具体代码如下： div class="layui-tab" lay-filter="demo" ul class=

layui中tab的切换，可使用element.tabChange(filter, layid);用于外部切换到指定的Tab项上，如：element.tabChange('demo', 'layid'); //切换到 lay-id="yyy" 的这一项
下例所示
element.tabChange('demo', '22'); //切换到：用户管理
具体代码如下：

<div class="layui-tab" lay-filter="demo">
  <ul class="layui-tab-title">
    <li class="layui-this" lay-id="11">网站设置</li>
    <li lay-id="22">用户管理</li>
    <li lay-id="33">权限分配</li>
    <li lay-id="44">商品管理</li>
    <li lay-id="55">订单管理</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">
      点击该Tab的任一标题，观察地址栏变化，再刷新页面。选项卡将会自动定位到上一次切换的项
    </div>
    <div class="layui-tab-item">内容2</div>
    <div class="layui-tab-item">内容3</div>
    <div class="layui-tab-item">内容4</div>
    <div class="layui-tab-item">内容5</div>
  </div>
</div>