Question

我正在尝试使用语义 UI 制作一个选择下拉列表。我遵循了他们 Docs: Semantic UI Dropdown Usage 上的例子。

但看起来在 Bootstrap 5 中调用 $('.ui.dropdown').dropdown() 不能正常工作，它最初在我使用 Bootstrap 4 时运行良好，但由于我已升级到 Bootstrap 5，所以我开始收到此错误：< /p>

bootstrap.min.js:6 Uncaught TypeError: Cannot read property 'classList' of undefined
    at o.r.show (bootstrap.min.js:6)
    at o.r.toggle (bootstrap.min.js:6)
    at HTMLSelectElement.<anonymous> (bootstrap.min.js:6)
    at HTMLSelectElement.n (bootstrap.min.js:6)

可以提供一些帮助吗，我一直在试图找出发生这种情况的原因。我尝试重新安排JS包含的顺序：

<script src="/js/jquery-3.4.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/bs-init.js"></script>
<script src="/apis/map.api.google.js"></script>
<script src="/plugins/hammer.min.js"></script>
<script src="/plugins/semantic.min.js"></script>
<script src="/plugins/bmd.js"></script>
<script src="/app.ca.layout.js"></script>

Answer 1

尝试像这样初始化：

$('.ui.dropdown')
  .dropdown();

或者像这样尝试在 CSS 类中添加 simple

<div class="ui simple dropdown item">

@Cyzanfar 和 @MayankChandak 在 (semantic-ui dropdown menu do not work) 的归属

官方文档 here

语义 UI 下拉菜单不适用于 Bootstrap 5 下拉菜单

1 个答案: