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兩次。