Bootstrap 4 导航栏切换按钮在位于特定站点时不起作用

Question

首先，我在 ADMIN 桌面视图中的导航栏是这样的。这工作没有任何问题。“添加”按钮只有管理员可见，就像每个产品的“编辑”按钮一样。

在移动版本中，它看起来像这样。

当我按下“汉堡包”按钮时，它看起来像这样。

问题出在其他链接的网站上。当我按下“汉堡包”按钮时，它会显示站点。现在我可以导航到这些网站，然后从这些网站导航到其他网站，除非我转到“添加”和“编辑”网站。当在这些网站上时，“汉堡包”按钮无法打开（不起作用），让我只能通过浏览器箭头返回。

我的标题中的代码，导航栏所在的位置。

<header>

    <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">

        <div class="container-xl">

            <a class="navbar-brand">Decorations</a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">

                <span class="navbar-toggler-icon"></span>

            </button>

            <div class="collapse navbar-collapse" id="navbarCollapse">

                <ul class="navbar-nav mr-auto">

                    <li class="nav-item">

                        <a class="nav-link" href="index.php">Home</a>

                    </li>

                    <li class="nav-item">

                        <a class="nav-link" href="favorites.php">Favorites <span class="badge badge-light"><?php echo $favorite ?></span></a>

                    </li>

                    <li class="nav-item">

                        <a class="nav-link" href="basket.php">Basket <span class="badge badge-light"><?php echo $basket ?></span></a>

                    </li>

                    <li class="nav-item">

                        <a class="nav-link">Welcome <?php echo $_SESSION['name'] ?></a>

                    </li>

                    <li class="nav-item">

                        <?php if (is_admin()) { //If user is admin show edit/add/delete

                        ?>

                            <a class="btn btn-outline-success" href="decorations_add.php">Add</a>

                        <?php } // End of IF

                        ?>

                    </li>

                </ul>

                <a href="logout.php" class="float-right btn btn-outline-primary">Log out</a>

            </div>

        </div>

    </nav>

</header>

Answer 1

我的项目分为多个文件。我使用“页眉”和“页脚”文件作为页眉和页脚。对于 PHP，我只需将它们包含在其他文件中，因此我不需要重新编写代码或单独修复所有内容。问题是，当我仅为管理员创建一个文件时，我忘记包含一个使“汉堡包”按钮起作用的脚本链接。我忘记了，因为，没关系，因为无论如何只有我可以看到管理文件。这就是为什么我忘记了页脚中包含的脚本。不要犯同样的错误。答案是，我将页脚包含在底部的“编辑”和“添加”文件中，并且它有效。或者您可以直接粘贴脚本。那也行。