Модаль сесії не з’являється Laravel 5.2 - php, css, twitter-bootstrap

Привіт всім! Я використовую Laravel 5.2 для веб-програми. У цьому додатку користувач може завантажувати файли. Коли користувач хоче завантажити файл, але не вибрав одного з них Redirect::to сторінка для завантаження із повідомленням 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, я хотів би мати спливаюче вікно із повідомленням. Я пішов шукати декілька речей і виявив, що Boalstrap 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

Відповіді:

спробуйте це:

@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