Twitter bootstrap twitter引导上的选项卡Rap不工作

我正在使用引导选项卡和jQuery，但它不起作用

标记

    <ul class="nav nav-tabs" role="tablist" id="myTab">
  <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
  <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
  <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
  <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="home">bmnmn,b,mbn...</div>
  <div class="tab-pane" id="profile">.werewr..</div>
  <div class="tab-pane" id="messages">.jkhk..</div>
  <div class="tab-pane" id="settings">llkjlk...</div>
</div>

---

您是否包含了bootstrap附带的

bootstrap.js

（或仅包含了bootstrap附带的

bootstrap.js）？仅使用Bootstrap.js（即使使用JSFIDLE提供的旧版本2.0.2），您的小提琴也可以正常工作



记住在jQuery之后包含这个

您可以将js调整为：

$('#myTab li').click(function (e) {
    e.preventDefault();
    $('#myTab li').removeClass('active'); //remove active from all <li>
    $(this).addClass('active'); //add active class to <li> you clicked on
});

$（'mytabli'）。单击（函数（e）{
e、 预防默认值（）；
$（'#myTab li'）.removeClass（'active'）；//从所有

$（this）.addClass（'active'）；//将活动类添加到您单击的

});

在标记中插入以下行

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


感谢您的解决方案。我的站点上没有定义ReferenceError:$。我添加了@Pete tnt确保您的脚本包含在jQuery和Bootstrap之后，因此从上到下的顺序为1。jquery2。引导，3。您自己的JavaScript文件
$('#myTab li').click(function (e) {
    e.preventDefault();
    $('#myTab li').removeClass('active'); //remove active from all <li>
    $(this).addClass('active'); //add active class to <li> you clicked on
});

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>