javascript - Bootstrap 多选在 laravel View 中不起作用

Question

我想制作一个带有复选框的多选下拉菜单以选择选项。

我关注了this创建一个选择器。我使用了以下 cdn 链接

CSS

<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />

JS

<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"
    type="text/javascript"></script>

HTML

<div class="col-md-4">
     <label>Assign Projects</label>
     <select class="form-control input-md" name="projects[]" id="projects" multiple="multiple">
         @foreach($projects as $project)
             <option value="{{$project->id}}" selected>{{$project->name}}</option>
         @endforeach
    </select>
    @if ($errors->has('projects'))
        <span class="help-block">
            <strong>{{ $errors->first('projects') }}</strong>
        </span>
    @endif
</div>

这在功能方面工作得很好，但外观不如预期。

这是当前 View ，

谁能告诉我这里出了什么问题？

感谢任何帮助。

Answer 1

我想你错过了这部分:

<script type="text/javascript">
$(document).ready(function() {
    $('.input-md').multiselect();
});