Javascript Twitter引导选项卡显示页面加载时未触发事件

在一个有n个选项卡的页面中，我看到了下面的脚本（coffeescript，我检查了编译后的javascript，看起来还可以）

现在，页面加载时不会触发“Showed”事件，因此对于页面上显示的第一个选项卡，无法处理此问题（即：通过xhr加载内容）

我尝试将其添加到上述脚本中，以查看手动触发是否可行：

$('a[data-toggle="tab"]:first').tab 'show'

。。。但事实并非如此

这是我在视图中使用的HTML代码

<div class="tabbable">
<ul class="nav nav-tabs">
    <li class="active">
        <a href="#updates" data-toggle="tab"><%=t :updates, :scope => 'user.profile.sections'%></a>
    </li>
    <li class="">
        <a href="#activity" data-toggle="tab"><%=t :activity, :scope => 'user.profile.sections'%></a>
    </li>
    <li class="">
        <a href="#articles" data-toggle="tab"><%=t :articles, :scope => 'user.profile.sections'%></a>
    </li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="updates">

    </div>
    <div class="tab-pane" id="activity">

    </div>

    <div class="tab-pane" id="articles">

    </div>

</div>
</div>

---

有什么线索吗？

试着让类

处于活动状态

关闭选项卡

和内容

。第一种方法之一是，如果所请求的选项卡已处于活动状态，则短路

---

我认为您混合了引导Javascript可切换选项卡和由类和id管理的基本选项卡

如果您想使用Javascript管理选项卡，您应该从LI元素上的锚中删除数据toggle=“tab”，如下所示：

---

您可以将语法与基本选项卡进行比较：

您可以在告诉页面显示选项卡时手动触发事件：

$('a[data-toggle="tab"]:first').trigger("shown.bs.tab");

在我

$("#modal").modal('show');

我添加了这个，效果很好：

$('a[data-toggle="tab"]:first').click();

---

给梅尔夫一个答案，这是解决方案，这似乎不再有效了。关闭活动类使我的选项卡看起来未选中。不过，简单地在JS中触发事件确实有效。正如Bpainter所说，这似乎不再有效。关闭

class='active'

只会使选项卡看起来未选中。对迭戈的代码使用

onload

事件似乎是目前唯一的解决方案。$（'a[data toggle=“tab”]：first'）。tab（'show'）可能是一个更好的主意。

$('a[data-toggle="tab"]:first').click();