javascript - Bootstrap 选择错误 : Uncaught TypeError: Cannot read property '3'

Question

Boostrap select live search 在框中输入快照时出现错误

和 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="jquery@2.2.4" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
 <link data-require="bootstrap@3.3.7" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
 <script data-require="bootstrap@3.3.7" 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

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