Javascript 引导下拉菜单单击不';行不通

Javascript 引导下拉菜单单击不';行不通,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我的引导下拉列表有问题。当我点击按钮时,菜单不显示 我知道这个问题以前被问过很多次,我在Youtube上看了一些关于如何制作它们的教程,但没有任何效果 我尝试了许多版本的Jquery和bootstrap js,我将脚本移到了代码的底部,并添加了以下代码: $(document).ready(function() { $(".dropdown-toggle").dropdown(); }); 这就是我现在拥有的: 文件 管理工具 博客 帐户 移动。将下拉菜单移出按钮

我的引导下拉列表有问题。当我点击按钮时,菜单不显示

我知道这个问题以前被问过很多次,我在Youtube上看了一些关于如何制作它们的教程,但没有任何效果

我尝试了许多版本的Jquery和bootstrap js,我将脚本移到了代码的底部,并添加了以下代码:

$(document).ready(function() {
    $(".dropdown-toggle").dropdown();
});
这就是我现在拥有的:


文件
管理工具
    博客
  • 帐户

移动
。将下拉菜单
移出按钮


文件
管理工具
    博客
  • 帐户

我知道这个问题很老了,但问题仍然存在。以下是我的解决方案:

确保以正确的顺序包含jquery、popper.js和引导脚本。这就是我所做的。我改变了bootstrap.com上提到的顺序,先加载jQuery和popper.js,然后加载bootstrap.css

大概是

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="...." crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="..." crossorigin="anonymous"></script>

然后

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-...." crossorigin="anonymous">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-..." crossorigin="anonymous"></script>


我已经试过了。不幸的是,这不起作用。谢谢,它起作用了!你到底改变了什么?我找不到区别。@LordRaiders我已将
.drowdown toggle
按钮中的
.drowdown下拉菜单
移出。在检查Javascript控制台时,您是否看到任何错误?