Bootstrap多选不在laravel视图中工作

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>

这在功能方面非常完美，但外观并不像预期的那样。

这是当前观点，

有人能告诉我这里出了什么问题吗？

感谢任何帮助。

Answer 1

您可以在jquery中使用以下代码。

setTimeout(function(){  
    $('#projects').multiselect(); 
}, 800);

这可能会对你有帮助！

Answer 2

我想你错过了这部分：

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

Answer 3

<script type="text/javascript"> $(function() { $('.multiselect-ui').multiselect({ includeSelectAllOption: true }); }); </script> 包含此脚本并检查（将“input-md”类替换为“multiselect-ui”）