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