Question

我已经完成了所有工作，我下载了引导程序并下载了jquery并将CSS链接到我的html，这是我的代码，但下拉菜单不起作用

<!DOCTYPE html>
<html>
<head>
    <title>Drop Down</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="dropdown">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Drop down</button>
    <div class="dropdown-menu">
        <a href="#" class="dropdown-item">First item</a>
        <a href="#" class="dropdown-item">Second item</a>
        <a href="#" class="dropdown-item">Last item</a>
    </div>
</div>
</body>
</html>

我已将文件上传到这里http://s000.tinyupload.com/?file_id=02136226215566363704 以便大家看到并告诉我出了什么问题

Answer 1

这是因为尽管您已正确添加了依赖性，但引导程序需要另一个库调用popper.js，这是您的代码错误

即使在引导文档安装指南中已提及

为解决此问题，请下载ppoer.js依赖项或使用CDN链接如下添加

即使调用了所有必需的文件，Bootstrap也无法工作

1 个答案: