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">×</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">×</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!
O erro do consule é: Uncaught ReferenceError: $ is not defined
Respostas:
0 para resposta № 1tente 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">×</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