2016-11-25 99 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

更新我的回答 –