Tab键事件未触发默认选项卡

Question

我有3个标签，其中1个在页面加载时处于活动状态。我已将事件与标签相关联。代码如下：

HTML：

onRequest

JS：

<ul class="nav nav-tabs nav-justified">
    <li class='active'><a href="#id1" data-toggle="tab" id="q0" class="qtab"></a></li>
    <li><a href="#id2" data-toggle="tab" id="q1" class="qtab"></a></li>
    <li><a href="#id3" data-toggle="tab" id="q2" class="qtab"></a></li>
</ul>

更改选项卡时会显示警告框，但是在显示默认选项卡（ID“q0”）时则不会显示。有谁知道如何为默认选项卡触发事件？在此先感谢!!

Answer 1

根据Tab Events的Bootstrap文档：

  

shown.bs.tab :(在刚刚显示的新活动选项卡上，与show.bs.tab事件相同）

您必须在此处挖掘子文本，但看起来此事件仅在活动的Tab更改时触发。要解决此问题，请从第一个选项卡中删除active类（因为如果选项卡已处于活动状态，事件也不会被触发）并在页面加载时使用以下内容在jQuery中设置活动选项卡line（也来自Bootstrap文档）：

$('.nav a[href="#id1"]').tab('show') // Select tab by name

请参阅我的updated fiddle进行演示。