2016-11-25 103 views
1

大家好!我为Web应用程序使用Laravel 5.2。在这个应用程序中,用户可以上传文件。当用户想要上传一个文件,但没有选择一个文件时,他们是Redirect::to上传页面,信息status说了一些关于选择文件上传的内容。该网页曾用此代码显示消息:会话模式不显示Laravel 5.2

@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 

但是现在什么也没有显示!有人能帮我解释一下为什么模态不可视?

所以我已经尝试了Mayank Pandeyz的答案。然后检查浏览器。哪个确实表明模态被调用了正确的状态信息!

enter image description here

Consule错误是:Uncaught ReferenceError: $ is not defined

回答

0

试试这个:在控制台

@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 
+0

都能跟得上仍然没有:-( –

+0

任何错误 –

+0

更新我的回答 –