/ / Modal de sessão não aparece Laravel 5.2 - php, css, twitter-bootstrap

Modal de sessão não aparece Laravel 5.2 - php, css, twitter-bootstrap

Olá a todos! Eu estou usando o Laravel 5.2 para um aplicativo da web. Dentro deste aplicativo, o usuário pode fazer upload de arquivos. Quando o usuário deseja fazer upload de um arquivo, mas não selecionou um, eles são Redirect::to a página de upload com a mensagem status dizendo algo sobre a escolha de um arquivo para upload. A página da web costumava ter esse código para mostrar a mensagem:

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

O que funciona muito bem! Mas devido a zombaria de CSS e JQuery, eu gostaria de ter uma janela pop-up com a mensagem. Fui pesquisar algumas coisas e descobri que um Bootstrap Modal seria o melhor. Eu ajustei meu código para:

@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

Mas agora nada é mostrado! Alguém poderia me ajudar a explicar por que o modal não é visualizado?

Então eu tentei responder Mayank Pandeyz. E então inspecionou o navegador. O que mostra que o Modal é chamado com a mensagem de status correta!

insira a descrição da imagem aqui

O erro do consule é: Uncaught ReferenceError: $ is not defined

Respostas:

0 para resposta № 1

tente isto:

@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