【问题标题】:Bootstrap-select is not working with Bootstrap 5Bootstrap-select 不适用于 Bootstrap 5
【发布时间】:2022-01-03 11:33:33
【问题描述】:

我遵循了入门指南from their official webpage

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

由于某种原因,selectpicker 被设置为display: none!important

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

我收到了这个错误:

由这个 JS 引起: <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>

我尝试过的:

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

我已经检查了this previous SO 问题并更改了导入的顺序,但仍然无法正常工作。

JS FIDDLE DEMO

【问题讨论】:

  • jsfiddle 显示“脚本错误”。在控制台中
  • 这是导致错误的js:<!-- Bootstrap Select JS --> <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>我该怎么办?
  • 为什么你标记了 twitter-bootstrap 但你没有使用它
  • 因为bootstrap-select 是引导程序本身的扩展。我在我的项目中使用它,只是示例代码被截断了。

标签: javascript css twitter-bootstrap bootstrap-select


【解决方案1】:

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

我做了什么:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-05-09
    • 2014-11-29
    • 2015-04-05
    • 2021-08-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多