自举模式不自动显示

Question

我对Bootstrap模式有问题。

我想用正确的条件显示我的模态。但它并没有显示出来。

这是我的代码：

<?php if (isset($_['messages']) && $_['messages'] == 'ok'): ?>
    <div class="alert alert-success">
        Chúc mừng quý khách đã đăng kí thành công VNPT Drive - Dịch vụ Lưu trữ và chia sẻ trực tuyến hàng đầu Việt Nam. Quý khách vui lòng đăng nhập để sử dụng dịch vụ.<br>
    </div>
    <!--LAM test -->

    <div class="container">
        <div class="modal fade" id="myModal2" role="dialog">
                <div class="modal-dialog">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title"><?php echo "Title"; ?></h4>
                        </div>
                        <div class="modal-body">
                            <p><?php echo "LAMMMMMM"; ?></p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
                        </div>
                    </div>
                </div>
        </div>  
    </div>
    <script>
        $(function() {
        $("#myModal2").modal();
        });
    </script>

这是一个结果。

它只显示<div>Chúc mừng...bla bla...</div>。

​

​

以下是控制台错误：

​

​

PS:我尝试通过点击按钮来添加按钮并打开我的模式，这是工作。只是不符合车展的模式。

​

​

​

​

Answer 1

将$("#myModal2").modal();更改为$("#myModal2").modal('show');以使用jquery打开模式。

这将触发您的模式显示。

Answer 2

看看控制台是否有错误消息，或者您可能忘记导入bootstrap.js或modal.js。