Laravel — открытие модального в отдельном представлении

#laravel-5 #bootstrap-4

#laravel-5 #bootstrap-4

Вопрос:

Я создал представление ‘edit.blade.php ‘ который содержит модальный диалог и открывается с помощью jQuery:

 <!-- Modal -->
<div class="modal fade right" id="modalEditUser" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" >Edit user</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">amp;times;</span>
        </button>
      </div>
      <div class="modal-body">
        @if ($errors->any())
        <div class="alert alert-danger">
          <ul>
              @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
              @endforeach
          </ul>
        </div><br />
        @endif
        <form method="post" action="{{ route('admin.update', $user->id) }}">
          @method('PATCH')
          @csrf
          <div class="form-group">
            <label for="name">User Name:</label>
            <input type="text" class="form-control" name="name" value="{{ $user->name }}" />
          </div>
      </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary">Save user changes</button>
        </div>
      </form>
    </div>
  </div>
</div>
<!-- Modal -->

<script>

$(document).ready(function() {
  $('#modalEditUser').modal('show');  
    });
</script>
  

Представление вызывается из ‘index.blade.php

 <td><a id="openModal" href="{{ route('admin.edit', $user->id) }}" class="btn btn-primary"><i class="fas fa-user"></i></a></td>
  

А в классе контроллера метод редактирования выглядит следующим образом:

  public function edit($id)
    {
        $user = User::find($id);

        return view('admin.edit', compact('user'));
    }
  

Проблема в том, что как только я нажимаю кнопку редактирования на странице индекса, страница редактирования открывается пустой, и отображается модальный. Чего я пытаюсь добиться, так это открыть модальный режим на странице индекса без перенаправления на страницу редактирования.

Как я могу открыть страницу редактирования, содержащую модал, без перенаправления на страницу редактирования?

Комментарии:

1. просто поместите # или javascript:void(0); в атрибут href в вашем теге.