Bootstrap-select 不适用于 Bootstrap 5

问题描述 投票:0回答:1

我遵循了他们官方网页上的入门指南

我将 JS 和 CSS 库添加到我的项目中,但它不起作用。

由于某种原因

selectpicker
设置为
display: none!important
:

enter image description here

    .bootstrap-select>select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
        display: none!important;
    }

我收到此错误:

enter image description here

由这个JS引起的:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js"></script>

我尝试过的:

  • 即使我将代码更改为
    display: block
    bootstrap-select 它仍然无法工作。
  • 按照另一个 SO 问题中的建议更改导入顺序

我已经检查了这个之前的SO问题,并且我更改了导入的顺序,但它仍然不起作用。

JS FIDDLE 演示

javascript css twitter-bootstrap bootstrap-select
1个回答
8
投票

已解决,显然我使用的版本与 Bootstrap 5 不兼容

我做了什么:

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta2/js/bootstrap-select.min.js"></script>

使用版本

1.14.0-beta2
而不是
1.13.14

© www.soinside.com 2019 - 2024. All rights reserved.