首页 > 解决方案 > bootstrap-select 不能与 bootstrap 5 一起使用

问题描述

我正在使用库bootstrap-select,最近我需要从 bootstrap 版本 4 升级到 5,根据 bootstrap-select 方面应该有支持并且没有问题。

这是jsFiddle的链接

在此处输入图像描述

这就是我想要做的,它在升级之前工作:

const inputScreen = $('<select class="selectpicker"><option>test</option></select>').appendTo(conScreen);
inputScreen.selectpicker();

但是,正在显示下拉元素,但我无法打开它。

在此处输入图像描述

控制台中没有错误。我唯一能看到的是,有一个永远不会显示的隐藏元素: 在此处输入图像描述

标签: bootstrap-5bootstrap-select

解决方案


我自己想出了答案,这与包含的位置有关。在 bootstrap v5 之前需要包含 Popper.js。那完成了工作!


推荐阅读