不能在 Laravel 中使用 select2答案

【问题标题】：Can't use select2 in Laravel不能在 Laravel 中使用 select2
【发布时间】：2020-06-14 15:17:05
【问题描述】：

我正在尝试在我的 Laravel 项目中使用 select2。我下载了select2.min.css 和select2.min.js 文件。我将这些文件粘贴到我的 public/css 和 public/js 文件夹中。在刀片文件中，我添加了这个脚本来加载 select2 文件：

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

我在浏览器中检查元素，它已成功加载。但是，我不能使用它。

这是刀片文件中的选择和选项：

<div class="form-group">
    {{ Form::label('tags', 'Tags') }}
    <select class="form-control select2-tags" name="tags" multiple="multiple">
        @foreach ($tags as $tag)
            <option value="{{ $tag->id }}">{{ $tag->name }}</option>
        @endforeach
    </select>
</div>

这是脚本：

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

它成功地带来了标签，但它是简单的选择形式。我想选择2个表格。

这真是一个奇怪的问题。一切似乎都正确，但没有奏效。谁能知道，为什么它不起作用。

【问题讨论】：

我没有看到你在任何地方加载 jquery？
app.js 文件已经在加载 jquery。并且脚本在 app.blade.php 文件中。
好的，然后是另一个问题。 app.js 是否在 <script src="{{ asset('js/select2.min.js') }}"></script> 之前加载？
是的，它之前加载过

标签： javascript php laravel jquery-select2

【解决方案1】：

好的，我解决了这个问题。问题是脚本标签中的defer。

我将<script src="{{ asset('js/app.js') }}" defer></script> 更改为<script src="{{ asset('js/app.js') }}"></script>。它奏效了。

【讨论】：