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

Question

如图，此页面进来后默认是选中第一个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 "  >

Answer 1

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

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

Answer 2

楼上方法就可以了，直接触发你要显示的tab的click事件就行了。
但是一定要注意的是“一定要在标签加载完以后执行click的js代码！”

Answer 3

经过几天的研究弄出一个方法，大家遇到类似的问题可以参考，直接在JS代码增加如下：
<script type="text/javascript">

    $(function(){
        
        //判断
        if("success" == $("#ADD").val()){
        $(".nav-tabs>li").eq(1).addClass("active");
        $(".nav-tabs>li").eq(0).removeClass("active");
        $("#tab2").addClass("tab-pane in active");
        $("#tab1").removeClass("tab-pane in active").addClass("tab-pane");
        }
   });  </script>
   
   发现li中有class="active"和  <div  id="tab1"  class="tab-pane in active " style="width:100%;">   中的class="tab-pane in active"则为默认显示的标签页标题和内容，
   对应的li没有class="active"  和<div id="tab2" class="tab-pane "  >中class="tab-pane "为未显示的标签及内容，利用这一点用JS来控制，按自己需要从后台传值做判断就可以了