select2插件没有给出任何改变

Question

我正在开发一个带有 laravel5 和 bootstrap3 的网络应用程序，我尝试使用 select2 来制作自动完成组合框，但它没有给我任何结果，并且组合框仍然相同。

我已经从 github 下载了 select 2 个文件，并将 dist 目录放在我项目的公共目录中，还包括 css 和 js 文件的链接，如下所示：

<link href="{{ asset('/select2/css/select2.min.css') }}" rel="stylesheet" />
<script src="{{ asset('/select2/js/select2.min.js') }}"></script>

/select2其实是dist目录，我重命名了。

我有一个这样的组合框：

<select class="form-control" id="resp">
   <option value="">Select one...</option>
   <option value="ActionScript">ActionScript</option>
   <option value="AppleScript">AppleScript</option>
   <option value="Asp">Asp</option>
   <option value="BASIC">BASIC</option>
   <option value="C">C</option>
</select>

我这样调用 select2 脚本：

<script type="text/javascript">
    $('#resp').select2();
</script>

Answer 1

这通常是因为两个问题之一

• 你没有包括 jQuery before Select2.
• 您正试图在加载 JavaScript 之前初始化 Select2。