Bootstrap选项卡无法正常工作？

Question

我的引导标签无法正常工作。我不知道为什么。我在我的文件中导入了jquery.js，但仍然没有用。这里是代码：

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#tab01" data-toggle="tab">Post Autoliker</a></li> 
    <li><a href="#tab02" data-toggle="tab">Comment Autoliker</a></li> 
    <li><a href="#tab03" data-toggle="tab">Post Auto-commenter</a></li> 
</ul> 
<div class="tab-content tab"> 
    <div class="tab-pane fade in active" id="tab01"> 
      <h4>Post Autoliker <small>this is for autoliking wall posts. Will work on posts, posts from pages, photos and videos. ;)</small></h4> 
      <hr /> 
      <form action="<?php echo $self; ?>" method="post" autocomplete="off"> 
       <input type="number" name="post-id" value="" placeholder="Facebook Post ID" class="form-control" required="required" /> 
       <br /><input type="submit" name="do-like-posts" value="Like the Post!" class="btn btn-primary" /> 
      </form> 
    </div> 
    <div class="tab-pane fade" id="tab02"> 
     <h4>Comment Autoliker <small>this is for autoliking post comments. Will work on any post on any comments. ;)</small></h4> 
     <hr /> 
     <form action="<?php echo $self; ?>" method="post" class="form-inline" autocomplete="off"> 
      <div class="form-group" style="width:50%"> 
       <input type="number" name="post-id" value="" placeholder="Facebook Post ID" class="form-control" required="required" /> 
      </div> 
      <div class="form-group" style="width:49%"> 
       <input type="number" name="comment-id" value="" placeholder="Facebook Comment ID" class="form-control" required="required" /> 
      </div> 
      <p></p><input type="submit" name="do-like-comments" value="Like the Comment!" class="btn btn-primary" /> 
     </form> 
    </div> 
    <div class="tab-pane fade" id="tab03"> 
     <h4>Post Auto-commenter <small>this is for auto-commenting on post. Will work on posts, photos, and videos. ;)</small></h4> 
     <hr /> 

有人可以帮我解决这个问题吗？

Answer 1

我遇到过同样的问题。使用浏览器的调试工具（我个人比较喜欢Chrome）并检查是否加载jquery或bootstrap.js两次。