.selectpicker 不是函数

Question

我正在尝试使用 bootstrap-select 并从 javascript 引用它，但我总是收到错误消息：.selectpicker is not a function

我读到的关于此错误的所有内容都说我缺少依赖项或未在正确的时间加载，但我不知道我缺少什么。

此外，当我从控制台尝试 $('.selectpicker').selectpicker(); 时，我得到了同样的错误，这告诉我在加载所有内容之前，这不是我的 javascript 运行的问题。

这是我页面的相关部分：

<link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/Content/bootstrap-select.css" rel="stylesheet"/>
...
<script src="/Scripts/jquery-2.2.3.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>

<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>

<script src="/Scripts/bootstrap-select.js"></script>
...
<select class="selectpicker">
</select>
...
<script type="text/javascript">
    $(document).ready(function () {
        $('.selectpicker').selectpicker();
    });
</script>

Answer 1

找到了。我有第二个 jquery 参考，它正在重新加载 jquery 并清除 bootstrap-select.js 添加的函数。

.selectpicker 不是函数

.selectpicker is not a function

jquery

twitter-bootstrap

bootstrap-select