Question

我的Bootstrap模式有问题。

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

这是我的代码：

<?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

Bootstrap模态不自动显示

2 个答案: