javascript - 用JS怎么控制tab标签页的默认tab

问题描述

问 题

如图，此页面进来后默认是选中第一个tab页的，我想用JS控制到进入此页面可以默认选中第二个tab页（我后台传值到前端做判断来选中第几个tab页（根据我的需要）） ，tab相关代码如下：

备注：我百度了好多种方式都未能成功改变默认tab页

<div class="tabbable" >

            <ul class="nav nav-tabs padding-12 tab-color-blue background-blue" id="myTab">
                <li class="active"> <a data-toggle="tab" href="#tab1">企业基础信息</a> </li>
                
                <c:if test="${companyinfo.companyId!=null}">
                <li> <a data-toggle="tab" href="#tab2" >合作协议管理</a> </li>
                </c:if>
            </ul>
            
            <div class="tab-content" style="height: 1000px; font-size:13px;background:#ffffff;">
            
                <!-- 1.基础信息  -->
                <div  id="tab1"  class="tab-pane in active " style="width:100%;">
                <!--  此处为Tab页的主体内容 -->
                
                <!-- 2.合作协议管理 -->  
                <div id="tab2" class="tab-pane "  >

解决方案

最简单的做法就是加载完成之后、合作协议管理这个标签触发一次click事件

选中它的方式就很多种了啊、根据你nav下面的下标和后台传的值作比较

这篇关于javascript - 用JS怎么控制tab标签页的默认tab的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！