Выберите 2 jQuery не работает в laravel 6 - PullRequest
Новая
       8

Выберите 2 jQuery не работает в laravel 6

0 голосов
/ 17 февраля 2020

Поэтому я пытаюсь создать форму, в которой пользователь может добавить книгу в базу данных. Я хотел использовать панели выбора из 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>

1 Ответ

0 голосов
/ 20 февраля 2020

Видя код как есть, ваш скрипт-тег находится за пределами ваших разделов, поэтому, не читая его внутри файла, действительно переместите его внутрь любого раздела, но в этом случае 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.

...