我尝试使用Bootstrap 5创建下拉按钮,但我得到一个错误:
未捕获的类型错误:t. createPopper不是函数
这是我的HTML代码:
<div class="dropdown">
<a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown link
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
以下是我正在使用的脚本:
<script src="assets/scripts/vendors/jquery-3.5.1.min.js"></script>
<script src="assets/scripts/vendors/popper.min.js"></script>
<script src="assets/scripts/vendors/bootstrap.min.js"></script>
5条答案
按热度按时间ovfsdjhp1#
您可以使用
bootstrap.bundle.min.js
或bootstrap.bundle.js
作为包含Popper的脱机库。例如:-这解决了我的问题希望这能对人有所帮助。
r9f1avp52#
您的代码正在运行,但可能是 Bootstrap 或弹出库不完整,请尝试使用CDN而不是脱机库。
The official documentation of Bootstrap.
qoefvg9y3#
问题出在popper版本上,我不知道他们做了什么,但是在最近的popper版本上,下拉菜单不再起作用了。
我使用版本1.14.3来使它在这个小提琴上工作:https://jsfiddle.net/e5n1astx/
代码我用上面。链接到popper版本我用:https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js
ih99xse14#
有必要将popper js导入到您的代码中,请访问以下链接:https://popper.js.org/之后将正常工作
gpfsuwkq5#
这救了我