选择2个没有响应的框

时间:2017-06-19 14:59:53

标签: javascript jquery jquery-select2 blade laravel-5.4

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

enter image description here

我和他一起摔跤了几天。我正在尝试加载此功能

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

1 个答案:

答案 0 :(得分:1)

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

请从JSbin:http://jsbin.com/huropeqora/edit?html,output

尝试此链接
 $('.select2-multi').select2();