Сессия Модаль не появляется Laravel 5.2

Question

Приветствую всех! Я использую Laravel 5.2 для веб-приложения. В этом приложении пользователь может загружать файлы. Когда пользователь хочет загрузить файл, но не выбрал один из них, он загружает страницу с сообщением status, говоря о выборе файла для загрузки. Веб-страница использовала этот код для отображения сообщения:

@if (session('status')) 
    <div class="alert alert-warning"> 
     <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> 
     {{ session('status') }} 
    </div> 
@endif 

Который отлично работает! Но из-за насмешек над CSS и JQuery я хотел бы открыть всплывающее окно с сообщением. Я пошел искать несколько вещей, и я обнаружил, что Bootstrap Modal будет лучшим. Я скорректировал свой код на:

@if (session('status')) 
    <div class="modal fade"> 
     <div class="modal-dialog" role="document"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
         <span aria-hidden="true">&times;</span> 
        </button> 
        <h4 class="modal-title">Modal title</h4> 
       </div> 
       <div class="modal-body"> 
        <p>{{ session('status') }}</p> 
       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
     </div> 
    </div> 
@endif 

Но теперь ничего не отображается! Может ли кто-нибудь помочь мне объяснить, почему модальность не визуализируется?

Так что я пробовал ответ Майанка Пандейса. А затем осмотрел браузер. Который показывает, что Modal вызывается с правильным сообщением о статусе!

ошибка консул: Uncaught ReferenceError: $ is not defined

Answer 1

попробуйте это:

@if (session('status')) 
<div class="modal fade" id="myModal"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&times;</span> 
       </button> 
       <h4 class="modal-title">Modal title</h4> 
      </div> 
      <div class="modal-body"> 
       <p>{{ session('status') }}</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 
<script> 
    $('#myModal').modal('show'); // You have to initialize it as a modal 
</script> 
@endif