我正在尝试在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>
它已成功带来标签,但它是简单的选择形式。我要选择表格。
这真的很奇怪。一切似乎都正确,但是没有用。谁能知道,为什么它不起作用。
Okey,我解决了这个问题。问题是脚本标记中的defer
。
我将<script src="{{ asset('js/app.js') }}" defer></script>
更改为<script src="{{ asset('js/app.js') }}"></script>
。而且有效。