Select2 多个框没有响应

Question

我有一个 laravel 5.4 项目，我正在尝试让 Select2 框工作。问题是没有选择公用文件夹中的 select2.min.js 文件和 select2.min.css。这就是它的样子。无论出于何种原因，我似乎都无法引用 select2 文件。

这几天我一直在纠结这个问题。我正在尝试加载此功能

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

我尝试将其放入体内，但没有成功。 下面是我的 HTML：

    {{ Form::label('tags', 'Tags:') }}
    <select class="form-control select2-multi" name="tags[]" multiple="multiple">
        @foreach($tags as $tag)
            <option value='{{ $tag->id }}'>{{ $tag->name }}</option>
        @endforeach
    </select>
    {{ Form::label('featured_img', 'Upload a Featured Image') }}
    {{ Form::file('featured_img') }}
    {{ Form::label('body', "Post Body:") }}
    {{ Form::textarea('body', null, array('class' => 'form-control')) }}
    {{ Form::submit('Create Post', array('class' => 'btn btn-success btn-lg btn-block', 'style' => 'margin-top: 20px;')) }}
{!! Form::close() !!}

还有我的javascript：

{!! Html::script('js/parsley.min.js') !!}
{!! Html::script('js/select2.min.js') !!}

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

Answer 1

你为什么不直接把它放在 HTML 中而不是包含部分。

请试试这个来自 JSbin 的链接：http://jsbin.com/huropeqora/edit?html,output

 $('.select2-multi').select2();