导航栏切换器不显示列表项答案

【问题标题】：Navbar toggler not showing the list items导航栏切换器不显示列表项
【发布时间】：2020-04-14 14:13:41
【问题描述】：

目前当屏幕最小化时，会出现切换按钮，但我希望能够在屏幕较小时单击它并查看导航栏的内容。当前单击它不会执行任何操作。我用谷歌搜索并发现了许多人提供的解决方案。他们说在引导 JS 文件之前加载 jQuery。我已经这样做了，但它仍然没有做任何事情。你们能帮帮我吗。我正在使用引导程序版本 4.4.1。我在下面粘贴我的 HTML 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name ="viewport" content="width=device-width,initial-scale=1">

    <title>Assignment solution for module 3</title>
    <link rel="stylesheet"  href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/styles.css">

</head>
<body>

        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
                  <a class="navbar-brand" href="#">FOOD ,LLC</a>
                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menuoption" aria-controls="         navbarTogglerDemo02" aria-expanded="true" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>

                  </button>

                  <div class="collapse navbar-collapse" id="menuoption" >
                    <ul class="navbar-nav">
                      <li class="nav-item">
                        <a class="nav-link" href="#">Chicken</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="#">Beef</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link " href="#">Sushi</a>
                      </li>
                    </ul>
                  </div>
            </nav>
        </div>
<script src="js/jsquery-3.5.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

【问题讨论】：

<script src="js/jsquery-3.5.0.min.js"></script> 这是在加载 jquery 吗？文件名是 jsquery-3.5.0.min.js 还是 jquery-3.5.0.min.js？
@Haque 是的。我已经把它保存在 js 文件夹中了。
文件名是 jsquery-3.5.0.min.js 还是 jquery-3.5.0.min.js ?
@Haque 我的错。它实际上是 jquery 。我改变了它，但我仍然得到同样的错误。
试试jquery 3.3.1版https://code.jquery.com/jquery-3.3.1.min.js

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

现在尝试使用较低版本的 jquery（即：jquery v3.3.1）。 bootstrap 尚不兼容 v3.5.0。

【讨论】：