layui里的选项卡我只想点击哪个就加载哪个页面怎么做

Question

<div class="layui-tab layui-tab-brief">
  <ul class="layui-tab-title">
    <li class="layui-this" style="width:100px">基本信息</li>
    <li style="width:100px">学员管理</li>
    <li style="width:100px">考勤统计</li>
    <li style="width:100px">成绩管理</li>
    <li style="width:100px">回访管理</li>
    <li style="width:100px">课表管理</li>
  </ul>
  <div class="layui-tab-content ">
    <div class="layui-tab-item layui-show">内容1</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 class="layui-tab-item">内容6</div>
  </div>
</div>
 
<script>
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
  var element = layui.element;
  
  //…
});
</script>

现在这种情况是直接加载完了吧

Answer 1

是加载还是显示，如果是显示，你先给各个模块加上id，然后在window.onload()给指各个模块id设置display属性，点击之后显示就可以了