时间戳

首页 > 解决方案 > 使用 Bootstrap 4 的 Bootstrap-select jQuery 插件不起作用

html - 使用 Bootstrap 4 的 Bootstrap-select jQuery 插件不起作用

问题描述

为什么Bootstrap-select不能正常工作Bootstrap 4？这是代码，它将搜索输入按钮和选项分别显示为两个单独的按钮。

<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>

标签： htmlbootstrap-4bootstrap-selectbootstrap-selectpicker

解决方案

如果您将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/

推荐阅读