layui中tab的切换,可使用element.tabChange(filter, layid);用于外部切换到指定的Tab项上,如:element.tabChange('demo', 'layid'); //切换到 lay-id="yyy" 的这一项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=
下例所示
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>
沃梦达教程
本文标题为:layui中实现tab切换的实例代码
基础教程推荐
猜你喜欢
- Bootstrap固定到底部 1970-01-01
- Bootstrap .breadcrumb类 1970-01-01
- Bootstrap .label-success类 1970-01-01
- Bootstrap按钮添加大小 1970-01-01
- 带属性的Bootstrap Affix插件 1970-01-01
- Bootstrap活动状态下的徽章 1970-01-01
- Bootstrap .has-warning类 1970-01-01
- Bootstrap模态的宽度和边距 1970-01-01
- Bootstrap上下文类 1970-01-01
- Bootstrap textarea表单控件 1970-01-01