选择 2 jQuery 在 laravel 6 中不起作用

Question

所以我正在尝试创建一个表单，用户可以在其中将一本书添加到数据库中。 我想使用 Select2 中的选择栏，它允许用户搜索选择元素。 我遵循了有关如何使这项工作的教程，但不知何故，它似​​乎对我不起作用。 关于我做错了什么有什么想法吗？

相关代码：

@extends('layout')


@section('title')
<title>Add new book</title>
@section('stylesheets')
<link href="css/select2.min.css" rel="stylesheet" />
<script src="js/select2.min.js"></script>
@endsection
@section('content')
<style>
    .uper {
        margin-top: 40px;
    }
</style>
<div class="card uper">
    <div class="card-header">
        Neues Buch hinzufügen
    </div>
    <div class="card-body">
        <form method="post" action="{{ route('books.store') }}">
            <div class="form-group">
                @csrf

                ...

            <div class="form-group">
                <label for="authors">Author(en):</label>
                <select name="authors[]" multiple class="form-control select2-multi <!-- @error('authors') is-invalid @enderror -->">
                    @foreach ($authors as $author)
                    <option value="{{ $author->id }}">{{ $author->name }}</option>
                    @endforeach
                </select>
                @error('authors')
                <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>

...

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

Answer 1

按原样查看代码，您的脚本标签在您的部分之外，因此不会在文件内被读取，实际上将其移动到任何部分中，但在这种情况下，stylesheets 会更合适。

@section('stylesheets')
<link href="css/select2.min.css" rel="stylesheet" />
<script src="js/select2.min.js"></script>
<script type="text/javascript">
    $('.select2-multi').select2();
</script>
@endsection

虽然我们正在处理它，但您的 title 部分没有 endsection。