Javascript “活动”选项卡会动态更改，但单击页面上的任意位置可将第一个选项卡更改为“活动”

我的视图上有以下选项卡

<div class="tabbable">
    <ul class="nav nav-tabs padding-18">
        <li class="active">
            <a aria-expanded="false" data-toggle="tab" href="#Tab1">
            <i class="green ace-icon fa fa-home bigger-120"></i>
            Tab 1
            </a>
        </li>
        <li class="">
            <a href="#Tab2" data-toggle="tab" aria-expanded="false">
                <i class="orange ace-icon fa fa-clock-o bigger-120"></i>
                Tab2
            </a>
        </li>
    </ul>
</div>


<div class="tab-content no-border padding-24">
    <div id="Tab1" class="tab-pane active">
         ...
    </div>
    <div id="Tab2" class="tab-pane">
         ...
    </div>
</div>

这很好，它可以更改活动选项卡，但首先单击页面上的任意位置，再次将选项卡更改为第一个选项卡。

---

如何解决这个问题你的问题不清楚，但试试这个

根据您必须进入第n个选项卡的任何条件：

if(yourCondition)
      $('.nav-tabs li:nth-child(n) a').trigger('click');

---

你能发布一个活生生的例子吗？你的意思是：但是首先点击页面上的任何地方，再次将标签更改为第一个标签。如何解决这个问题？

if(yourCondition)
      $('.nav-tabs li:nth-child(n) a').trigger('click');