无法在 Laravel 中使用 select2

Question

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

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

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

这是 select 和来自 blade 文件的选项：

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

带标签成功，只是select形式简单。我要 select2 表格。

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

Answer 1

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

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

无法在 Laravel 中使用 select2

Can't use select2 in Laravel

javascript

php

laravel

jquery-select2