Бутстрап модальный не автосалон - PullRequest
0 голосов
/ 08 мая 2018

У меня проблема с модальностью 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>.

enter image description here

Вот консольная ошибка:

enter image description here

PS: я пытаюсь добавить кнопку и открыть мой модал, нажав кнопку, это работает. Это только не автосалон модальный.

enter image description here

enter image description here

Ответы [ 2 ]

0 голосов
/ 08 мая 2018

Посмотрите на консоль, там есть сообщение об ошибке, или, может быть, вы забыли импортировать bootstrap.js или modal.js

0 голосов
/ 08 мая 2018

Измените $("#myModal2").modal(); на $("#myModal2").modal('show');, чтобы открыть модальное с помощью jquery.

Это заставит ваш модал показывать

...