Javascript 引导4个选项卡-仅一个isn'；行不通

我正在尝试为一个站点建立一个管理部分，管理员可以在其中更改站点的内容。我已经用标签把这个页面分成了不同的部分，它们一直在工作，直到我添加了最新的一个，当我这么做的时候，其中一个已经在那里了，停止了工作。 下面是代码-不起作用的是“当天的历史事实”选项卡：

添加当天的照片
查看当天即将发布的照片
创建一个类别
用户列表
添加当天的历史事实
查看当天即将到来的历史事实
更改当前的倒计时

---

我真的不知道问题出在哪里。提前谢谢

您显示的代码没有问题。如果您的标签不起作用，那么这一定与您包含的内容有关。检查浏览器控制台是否存在错误，然后检查Include是否生成了有效的HTML，并且所有标记都已正确打开和关闭。以下是经验证有效的代码：

添加当天的照片
php包括“create_potd.php”；
查看当天即将发布的照片
php包括“view_potd.php”；
创建一个类别
php包括“create_cat.php”；
用户列表
php包括“user_list.php”；
添加当天的历史事实
php包括“create_hfotd.php”；
查看当天即将到来的历史事实
php包括“view_hfotd.php”；
更改当前的倒计时

对不起大家！意识到我在页脚的JavaScript函数中使用了#hfotd。。。

---

这真是一个愚蠢的想法。

你可以很容易地通过删除包含的内容来确认这一点，先试试。@DavidG好主意！这样做之后，我发现这不是include的问题，您删除了所有include？没有它们，你发布的代码就可以了。

<!-- This is within a .container-fluid -->
<ul class="nav nav-tabs">
    <li class="nav-item">
        <a href="#potd" data-toggle="tab" role="tab" class="nav-link active">Photo of the Day</a>
    </li>
    <li class="nav-item">
        <a href="#users" data-toggle="tab" role="tab" class="nav-link">Users</a>
    </li>
    <li class="nav-item">
        <a href="#forum" data-toggle="tab" role="tab" class="nav-link">Forum</a>
    </li>
    <li class="nav-item">
        <a href="#hfotd" data-toggle="tab" role="tab" class="nav-link">Historical Fact of The Day</a>
    </li>
    <li class="nav-item">
        <a href="#cntdwn" data-toggle="tab" role="tab" class="nav-link">Countdown</a>
    </li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="potd">
        <h3>Add a Photo of The Day</h3>
        <?php include 'create_potd.php'; ?>
        <h3>View Upcoming Photos of the Day</h3>
        <?php include 'view_potd.php'; ?>
    </div>
    <div class="tab-pane" id="forum">
        <h3>Create a category</h3>
        <?php include 'create_cat.php'; ?>
    </div>
    <div class="tab-pane" id="users">
        <h3>User List</h3>
        <?php include 'user_list.php'; ?>
    </div>
    <div class="tab-pane" id="hfotd">
        <h3>Add a Historical Fact of The Day</h3>
        <?php include 'create_hfotd.php'; ?>
        <h3>View Upcoming Historical Facts of the Day</h3>
        <?php include 'view_hfotd.php'; ?>
    </div>
    <div class="tab-pane" id="cntdwn">
        <h3>Change the current countdown</h3>
    </div>
</div>