javascript - 带有 select2 的语义 ui

Question

我在使用语义 UI 和 Select2 时遇到问题 我想要一个带有全文搜索的选择框，所以我找到了一个 Select2 并通过语义 ui fw 进行了风格化。但这两个库造成了一个问题，我无法解决。所以我向你请教。你可以在图片中看到一个问题，我附上了代码。

HTML :

<select name="roles" id="frm-roles" class="ui dropdown">
  <option value="985">Admin</option>
  <option value="785">Guest</option>
</select>

J查询:

$('#frm-roles').select2();

Result on page

那么，为什么选择框包含在另一个选择框中？谢谢

Answer 1

发生这种情况是因为您首先初始化了 dropdown()，然后在同一元素上初始化了 select2()。

您必须从代码中删除 dropdown() 调用(搜索类似 $('.ui.dropdown').dropdown() 或 $('#frm-roles').dropdown()) 或以另一种方式更改您的代码，这样就不会在此元素上调用 dropdown() (#frm - Angular 色).