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