引导程序选项卡无法正常工作？

Question

My bootstrap tabs are not working properly. I am not sure why. I have imported jquery.js in my files but still no use. Here is the code:

<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 />

Could someone help me to solve the problem?

Answer 1

I met the same problem before. Use your browser's debug tool (I personally prefer Chrome) and check if you load jquery or bootstrap.js twice.