会话模式没有出现 Laravel 5.2

Question

大家好！我正在将 Laravel 5.2 用于 Web 应用程序。在这个应用程序中，用户可以上传文件。当用户想要上传一个文件，但没有选择一个文件时，他们是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 模拟，我希望有一个带有消息的弹出窗口。我去搜索了一些东西，我发现 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 的答案。然后检查了浏览器。这确实表明使用正确的状态消息调用了 Modal！

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

Answer 1

试试这个：

@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