Bootstrap标签无法正常工作?

时间:2014-01-24 06:24:03

标签: javascript jquery twitter-bootstrap tabs

我的引导标签无法正常工作。我不知道为什么。我在我的文件中导入了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 />

有人可以帮我解决问题吗?

1 个答案:

答案 0 :(得分:0)

之前我遇到过同样的问题。使用浏览器的调试工具(我个人更喜欢Chrome)并检查是否加载了jquery或bootstrap.js两次。