引导选择错误：未捕获的类型错误：无法读取属性“3”

Posted 2023-02-22

【中文标题】引导选择错误：未捕获的类型错误：无法读取属性“3”

【英文标题】：boostrap-select error: Uncaught TypeError: Cannot read property '3'

【发布时间】：2017-06-26 12:09:23

【问题描述】：

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

【问题讨论】：

你调试了吗？显然你在某处有一个undefined。

尚未定义任何内容，它是一个只有选择框的空白引导页面。 @Carcigenicate

也许你在jQuery之前加载了bootstrap-select。尝试先加载jQuery

【参考方案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

希望它对您有所帮助，也对您有用。请让我知道它是否有效。