Bootstrap 3.x选项卡不工作 - 未捕获TypeError：对象[object Object]没有方法'tab'

Question

我正在尝试使用我的应用程序选项卡，并按照Bootstrap文档设置它们导致错误：未捕获TypeError：对象[object Object]没有方法'tab'。我有一个问题代码的JSFiddle： Not Working Fiddle

---

更多信息，这可能是相关的：我的应用程序，使用Symfony构建，正在使用Less编译Bootstrap，因此需要使用我自己的Bootstrap资源用于Fiddle示例。编译导致这个问题可能有问题，但我确实看到了那里的Tab javascript代码......

---

HTML：

<div class="container">
  <div class="row">
    <ul id="campaignTabs" class="nav nav-tabs">
      <li class="active"><a href="#tasks" data-toggle="tab">Tasks</a></li>
      <li><a href="#schedule" data-toggle="tab">Schedule</a></li>
      <li><a href="#upgrade" data-toggle="tab">Upgrade</a></li>
    </ul>
    <div class="tab-content">
      <div class="tab-pane fade in active" id="tasks">
        Tab 1
      </div>
      <div class="tab-pane fade" id="schedule">
        Tab 2
      </div>
      <div class="tab-pane fade" id="upgrade">
        Tab 3
      </div>
    </div>
  </div>
</div>

JS：

$('#campaignTabs a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
});

任何帮助将不胜感激！

---

编辑：我的原始链接意外地使用了本地资源的链接，所以很自然地无法正常工作！我更新了使用Dropbox的资源，所以希望这些资源现在正在使用。

Answer 1

你很想念CSS和JS文件。 我在http://jsfiddle.net/LS37A/3/更新了你的jsfidle，通过指向http://getbootstrap.com/getting-started/#download-cdn的官方引导程序CSS和JS来解决你的问题

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>

Answer 2

Working fiddle Demo 添加了bootstrap库的实时链接。

<小时/> 你的小提琴问题

links已经死了 -

http://kiomedia.virt/app_dev.php/js/93eb36e_bootstrap_1.js

http://kiomedia.virt/app_dev.php/css/fabf8b3_bootstrap_1.css

Answer 3

在聊天中回答，你编译的bootstrap.js有问题。在dist文件夹中使用预构建的js，或者确保你的编译器包含所有必需的.js库。