Bootstrap 3.0:nav-tabs不切换

时间:2015-10-31 18:20:05

标签: javascript jquery html css twitter-bootstrap

我正在使用像这样的bootstrap 3 nav-tabs

<ul class="nav nav-tabs pull-right projects"  role="tablist" style="margin-top:20px;">
    <li class="active"><a role="tab" data-toggle="tab" href="#progress">In Progress</a></li>
    <li><a role="tab" data-toggle="tab" href="#done">Done</a></li>                        
</ul>

<div class="tab-content">
 <div id="progress" class="tab-pane fade active in">
     content for progress 
 </div>
 <div id="done" class="tab-pane fade">
   content for done 
 </div>
</div>

这些是js文件我

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

当页面加载标签工作正常但是当我点击第二个标签并希望回到第一个没有切换的标签时,我的代码中的错误请求帮助

1 个答案:

答案 0 :(得分:0)

切换JavaScript文件 Jquery先来然后再引导