Javascript Twitter引导选项卡在单击时不会更改

我正在使用Twitter Bootstrap v2.1.1及其选项卡功能

问题：单击任何选项卡时，

选项卡窗格

不会更改，尽管选项卡按钮的状态

。选项卡

本身会更改。换句话说，当您单击选项卡按钮时，它会显示为按下状态，但应该随选项卡更改的内容不会显示。一个

console.log（）

显示正在触发单击事件。有什么想法吗

HTML

<!-- Tab Bar -->
<div class="tab-bar">
    <div class="tab active" id="photos" data-toggle="tab" data-target="#photos">
        <p>Photos</p>
    </div>
    <div class="tab" id="details" data-toggle="tab" data-target="#details"
        ><p>Details</p>
    </div>
</div>

<!-- Tab Panes -->
<div class="tab-content">
    <div id="photos" class="tab-pane">Photos</div>
    <div id="details" class="tab-pane">Details</div>
</div>

JS包括

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>

---

两个问题和关注点：

您的src for bootstrap-tab.js直接链接到Twitter Github页面。我不相信这是一个用于推特引导的CDN。我相信这个文件是“吃你自己的狗粮”，即Twitter引导Github页面使用Twitter引导进行文档和下载

由于并非如此，他们可以轻松地随时更改目录结构或版本

您同时使用bootstrap.min.js和bootstrap-tab.js。我相信bootstrap.min.js包括bootstrap-tab.js，使用这两个选项都会导致问题。见以下帖子：

我也在使用twitter bootstrap 2.1.1。我没有在

bootstrap.min.js

，

bootstrap-tab.js

，

bootstrap.css

中找到

tab bar

。您是否可能引用了2.1.1文件，并针对较旧版本的Twitter引导进行编码

---

对于第1点和第2点，我删除了指向

bootstap tab.js

的链接，仍然面临同样的问题

.tabbar

是我自己定义的一个类，用于设计样式。bootstrap插件是否要求包含选项卡的div具有特定的类名？@Nyxynyx您是否尝试像本例中那样使用选项卡导航？是的，我的理解是Bootstrap确实需要特定的类名（但当然你可以提供额外的样式），我会从这个示例开始，然后自己定制它。“选项卡名”不需要是ul/li而不是嵌套的div吗？

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>