Javascript 默认选项卡未触发选项卡事件

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

HTML:

---

更改选项卡时会显示警报框，但显示默认选项卡（ID“q0”）时不会显示警报框。有人知道我如何为默认选项卡触发事件吗？提前谢谢

根据以下引导文档：

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

您必须在此处仔细查找潜台词，但看起来此事件仅在活动选项卡更改时触发。要解决此问题，请从第一个选项卡中删除

active

类（因为如果该选项卡已处于活动状态，则不会触发该事件），并在页面加载时的jQuery中使用以下行设置活动选项卡（也来自引导文档）：

---

请参阅我的演示。

是否也会发生在

show.bs.tab

上？请在plunkr或JSFIDLE上提供一个示例，我将解决此问题it@Stef是的，既然你说了，我就试过了。结果也是一样。奇怪的是，我让它在这把小提琴上工作，虽然没有看到你所有的代码，我真的无法告诉你发生了什么变化：@Stef对我来说也很有效，但是当页面加载时，第一个选项卡上是否显示了警报框。第一个选项卡是默认选项卡，因此当页面打开时，不应该显示警报框吗？

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

$('.qtab').on("shown.bs.tab", function(event){
    var elem = $(this).attr("id");
    alert(elem);
});

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