javascript - Select2多个框没有响应

Question

我有一个 laravel 5.4 项目，我正在尝试让 Select2 框正常工作。问题是没有拾取公共(public)文件夹中的 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();