Trigger

mouseenter 触发

<div class="layui-tabs layui-tabs-card layui-panel" lay-options="{trigger: 'mouseenter'}"> <ul class="layui-tabs-header layui-bg-tint"> <li class="layui-this">标题1</li> <li>标题2</li> <li>标题3</li> <li>标题4</li> <li>标题5</li> <li>标题6</li> </ul> <div class="layui-tabs-body"> <div class="layui-tabs-item layui-show">内容-1</div> <div class="layui-tabs-item">内容-2</div> <div class="layui-tabs-item">内容-3</div> <div class="layui-tabs-item">内容-4</div> <div class="layui-tabs-item">内容-5</div> <div class="layui-tabs-item">内容-6</div> </div> </div>

mousedown 触发

<div class="layui-tabs layui-tabs-card layui-panel" lay-options="{trigger: 'mousedown'}"> <ul class="layui-tabs-header layui-bg-tint"> <li class="layui-this">标题1</li> <li>标题2</li> <li>标题3</li> <li>标题4</li> <li>标题5</li> <li>标题6</li> </ul> <div class="layui-tabs-body"> <div class="layui-tabs-item layui-show">内容-1</div> <div class="layui-tabs-item">内容-2</div> <div class="layui-tabs-item">内容-3</div> <div class="layui-tabs-item">内容-4</div> <div class="layui-tabs-item">内容-5</div> <div class="layui-tabs-item">内容-6</div> </div> </div> <!-- import layui -->