boostrap-select error：未捕获TypeError：无法读取属性＆＃39; 3＆＃39;

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导入libs

<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

Hi 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

希望它能帮到你，也会为你效劳。如果有效，请告诉我。