Bootstrap-select jQuery 插件 Bootstrap 4 不工作

Question

为什么 Bootstrap-select 无法与 Bootstrap 4 一起正常工作？ Here is the code, 它将搜索输入按钮和选项分别显示为两个单独的按钮。

<select class="selectpicker" data-live-search="true">
  <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
  <option data-tokens="mustard">Burger, Shake and a Smile</option>
  <option data-tokens="frosting">Sugar, Spice and all things nice</option>
</select>

Answer 1

如果您将 bootstrap-select CSS 和 JS 更新到 1.13.1，它将完美运行

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>

参见：https://jsfiddle.net/w483cygx/

Answer 2

您的 JSFiddle 的问题是 link 标签中的 CSS 版本不正确。 CSS 网络请求抛出 404 未找到，因为 cdnjs CDN 上不存在这样的版本。将版本号从 1.13.2 更改为 1.13.1，它运行良好。检查 JSFiddle

https://jsfiddle.net/35go2hp1/

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.min.css">

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

Bootstrap-select jQuery 插件 Bootstrap 4 不工作

Bootstrap-select jQuery plugin with Bootstrap 4 not working

html

bootstrap-4

bootstrap-select

bootstrap-selectpicker