Javascript 为什么赢了'；t引导导航栏菜单显示？_Javascript_Bootstrap 4

Javascript 为什么赢了'；t引导导航栏菜单显示？

javascript bootstrap-4

Javascript 为什么赢了'；t引导导航栏菜单显示？,javascript,bootstrap-4,Javascript,Bootstrap 4,我对Bootstrap（一般来说是前端开发人员）非常陌生。我想让Bootstrap4导航条工作。我基本上复制并粘贴了bootstrap网站上的代码，但我无法让它正常工作当我缩小页面时，菜单确实会按应有的方式折叠。但是，当我单击折叠菜单时，什么也没有发生。此外，在展开菜单上，单击下拉菜单时不会发生任何事情我已经验证了boostrap.min.js的路径是正确的我正在通过浏览器中的“file://”加载此页面文件，而不是从服务器上加载。我不知道这是否是个问题，但我不这么认为。无论如何，代码如下

我对Bootstrap（一般来说是前端开发人员）非常陌生。我想让Bootstrap4导航条工作。我基本上复制并粘贴了bootstrap网站上的代码，但我无法让它正常工作

当我缩小页面时，菜单确实会按应有的方式折叠。但是，当我单击折叠菜单时，什么也没有发生。此外，在展开菜单上，单击下拉菜单时不会发生任何事情

我已经验证了boostrap.min.js的路径是正确的

我正在通过浏览器中的“file://”加载此页面文件，而不是从服务器上加载。我不知道这是否是个问题，但我不这么认为。无论如何，代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title>Title</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css" />
        <script href="static/js/jquery-3.3.1.min.js"></script>
        <script href="static/js/popper.min.js"></script>
        <script href="static/js/bootstrap.min.js"></script>
    </head>
    <body>
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand" href="#">Navbar</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Link</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Dropdown
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="#">Action</a>
                            <a class="dropdown-item" href="#">Another action</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Something else here</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link disabled" href="#">Disabled</a>
                    </li>
                </ul>
            </div>
        </nav>  
    </body>
</html>


标题

我确信这很简单（出于某种原因，我觉得javascript没有加载），但我无法理解。有人看到什么明显的吗

编辑：我还应该注意，我在控制台中没有看到任何Javascript错误，我也不确定检查是否正确，但看起来并没有为按钮注册事件侦听器（所以单击按钮时不会发生任何事情）

Edit2：我刚刚启动了一个快速的web服务器来加载它。没有从服务器请求任何javascript文件。主要问题似乎是加载javascript文件。不过，路径是正确的

解决：问题是我使用href作为脚本标记，而不是src。已更改为src，一切正常。

请为BootStrap4初学者模板尝试以下代码。只要双击文件，它就会在任何地方运行。所有来源包括CDN


启动模板










搜寻
引导启动程序模板
将此文档用作快速启动任何新项目的一种方式。
您得到的只是此文本和一个基本上没有内容的HTML文档

脚本标记的属性都是错误的。我有个朋友。它应该是src。我已经修好了，现在一切正常。

控制台中是否有错误？没有。只是添加了一个注释。另外，正如我所知，没有为按钮注册任何单击事件（dev面板的Chromium Event Listeners区域中没有显示任何内容），您可能需要将nav类包装在一个容器中。您可以在