Fatal编程技术网
  • javascript/
  • Javascript 引导4导航栏切换按钮不'；位于特定地点时不工作

Javascript 引导4导航栏切换按钮不'；位于特定地点时不工作

javascript php html css twitter-bootstrap

Javascript 引导4导航栏切换按钮不'；位于特定地点时不工作,javascript,php,html,css,twitter-bootstrap,Javascript,Php,Html,Css,Twitter Bootstrap,首先，我在管理桌面视图中的导航栏是这样的。这项工作没有任何问题。只有管理员才能看到“添加”按钮，就像每个产品的“编辑”按钮一样 在移动版本中，它看起来是这样的 当我按下“汉堡”按钮时，它看起来是这样的 问题来自其他链接站点。当我按下“汉堡”按钮时，它会显示站点。现在我可以导航到这些站点，然后从这些站点导航到其他站点，当我转到“添加”和“编辑”站点时除外。在这些网站上，“汉堡”按钮无法打开（无法工作），让我通过浏览器箭头返回 导航栏所在的标题中的代码 <header>

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

在移动版本中，它看起来是这样的

当我按下“汉堡”按钮时，它看起来是这样的

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

导航栏所在的标题中的代码

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




  • 

    • 

  • 

    • 

  • 

    •
    添加文件中的代码：

    <body>
    <div class="album py-5 bg-light">
        <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <form action="decorations_insert.php" method="POST" enctype="multipart/form-data">
                        <h3>Add a decoration</h3>
                        <br>
                        <div class="form-group">
                            <label for="formGroupExampleInput">Add picture</label>
                            <input name="fileToUpload" type="file" class="form-control-file" id="formGroupExampleInput">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Add title</label>
                            <input name="add_title" type="text" class="form-control" id="formGroupExampleInput2" placeholder="Add title">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Add description</label>
                            <input name="add_description" type="text" class="form-control" id="formGroupExampleInput2" placeholder="Add description">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Add price</label>
                            <input name="add_price" type="number" class="form-control" id="formGroupExampleInput2" placeholder="Add price">
                        </div>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>

    
添加装饰

    
添加图片
添加标题
添加说明
加价
提交
    编辑文件中的代码：

     <body>
    <div class="album py-5 bg-light">
        <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <form action="decorations_update.php" method="POST" enctype="multipart/form-data">
                        <h3>Edit a decoration</h3>
                        <br>
                        <input type="hidden" name="id" value="<?php echo $row['id'] ?>">
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Change title</label>
                            <input name="change_title" value="<?php echo $row['title'] ?>" type="text" class="form-control" id="formGroupExampleInput2" placeholder="Change title">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Change description</label>
                            <input name="change_description" value="<?php echo $row['description'] ?>" type="text" class="form-control" id="formGroupExampleInput2" placeholder="Change description">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Change price</label>
                            <input name="change_price" value="<?php echo $row['price'] ?>" type="number" class="form-control" id="formGroupExampleInput2" placeholder="Change price">
                        </div>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>

    
编辑装饰

    

    我的项目分为多个文件。我使用“页眉”和“页脚”文件作为页眉和页脚。使用PHP，我只需将它们包含在其他文件中，因此我不需要重新编写代码或单独修复所有代码
    
问题是，当我只为管理员创建一个文件时，我忘了包含一个脚本链接，该链接使“汉堡包”按钮起作用
    
我忘了，因为，没关系，因为不管怎样，只有我能看到管理文件。这就是为什么我忘记了我在页脚中包含的脚本。不要犯同样的错误
    

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

    答案是，我在“编辑”和底部的“添加”文件中都包含了页脚，这很有效。或者你可以直接粘贴脚本。这也行。
    这可能是因为脚本在第一页中呈现，而不是在其他页面中呈现。确保第一页中使用的脚本反映在所有页面中。（我将从标记中删除php）@noobprogrammer我在“添加”和“编辑”站点中有一个包含标题的php标记。它是链接的@PierreSevrain我需要PHP，如果没有，每个人都可以添加或编辑该网站，因为它是一个仅管理功能。这可能是因为脚本在第一页中呈现，而不是在其他页面中呈现。确保第一页中使用的脚本反映在所有页面中。（我将从标记中删除php）@noobprogrammer我在“添加”和“编辑”站点中有一个包含标题的php标记。它是链接的@PierreSevrain我需要PHP，如果没有，每个人都可以添加或编辑该网站，因为它是一个管理员专用的功能。