boostrap-select错误：未捕获类型错误：无法读取属性“3”

Question

Boostrap 选择实时搜索在输入框快照时出现错误

和 JavaScript 控制台错误日志

bootstrap-select.js:199 Uncaught TypeError: Cannot read property '3' of undefined
    at a.expr.pseudos.icontains (bootstrap-select.js:199)
    at jquery.js:15
    at jquery.js:15
    at jquery.js:15
    at bm (jquery.js:15)
    at bm (jquery.js:15)
    at Z (jquery.js:15)
    at Function.Z.matches (jquery.js:15)
    at Function.filter (jquery.js:15)
    at bj (jquery.js:15)

选择选项

    <select class="selectpicker" data-live-search="true" multiple>
      <option data-tokens="mustard">Mustard</option>
      <option data-tokens="ketchup">Ketchup</option>
      <option data-tokens="relish">Relish</option>
    </select>

选择选项即可。

从 CDN 导入库

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

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

Answer 1

嗨 Drifter 我已经使用以下脚本和 css 尝试了您的示例。我没有收到任何错误。希望您的代码中存在一些版本兼容性问题。请查找我使用过的脚本和css版本。

 <script data-require="[email protected]" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
 <link data-require="[email protected]" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
 <script data-require="[email protected]" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.min.js"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.min.css" />

请在此处找到 plunker 链接：

https://plnkr.co/edit/1keNc6d4z7Kq7476SRmp?p=preview

希望它能对您有所帮助，也对您有用。如果有效请告诉我。

Answer 2

在Application.css中添加

*= 需要引导选择