Question

我的观点有以下标签

<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>

如何动态更改活动标签，从Tab1到Tab2。

我试过这个：

  $('.nav-tabs li:eq(1) a').tab('show');    
  $('#Tab2').on('click', function() {
      $('.nav-tabs li:first-child a').tab('show');
  });

哪种方法正常，它会更改有效标签，但首先点击页面更改标签上的任意位置再次点击第一个标签。 如何解决这个问题

Answer 1

您的问题不明确但请尝试一下。

根据您必须转到第n个标签的条件：

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

活动标签是动态更改的，但点击页面上的任意位置更改为第一个标签为活动

1 个答案: