Как при открытие страницы открывалось модельное окно?

Question

[Malazar]

Как сделать при открытие страницы открывалась модельное окно сама.

Если нажать на Demo то она открывается. Как сделать что бы она открывалась сама при открытие страницы?

<div class="modal-footer-demo">
            <a href="" class="btn btn-primary" data-toggle="modal" data-target="#modal">Demo</a>
          </div>

Как при открытие страницы она сама открывалась?

Так делаю не получается

$(document).ready(function(){
var inst = $.remodal.lookup[$('[data-remodal-id=modal]').data('remodal')];
inst.open();;
});

Comments

[Модератор]

Malazar дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

Answer 1

[alex-1917]

Так неправильно:

inst.open();;

Надо так:
inst.open();

))))

Comments

[Malazar]

Да была ошибка. Но результат такой же не открывает.

[alex-1917]

Malazar, тогда консоль смотреть, там ошибка должна быть указана.
если вообще либа открывашки подключена.

[Malazar]

В консоли пусто.
При нажатие демо она открывается. Но при обновление страницы нет.
Может как то по другому можно сделать?

[alex-1917]

Malazar, ну тогда обертку убери. нафиг она вообще?
$(document).ready(function(){

[alex-1917]

Malazar, полный код приведи, подозреваю, что блок неправильно с руселлера скопировал)))
и кнопка тогда зачем . которую в вопросе выложил?? она вообще нах не нужна в твоем варианте

[Malazar]

<div id="modal" class="modal fade">
      <div class="modal-dialog" role="document">
        <div class="modal-content tx-size-sm">
          <div class="modal-body tx-center pd-y-20 pd-x-20">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
            <i class="icon ion-ios-checkmark-outline tx-100 tx-success lh-1 mg-t-20 d-inline-block"></i>
            <h4 class="tx-success tx-semibold mg-b-20">Поздравляем!</h4>
            <p class="mg-b-20 mg-x-20"><?php echo $_SESSION['success']; unset($_SESSION['success']); ?></p>
            <button type="button" class="btn btn-success pd-x-25" data-dismiss="modal" aria-label="Close">Продолжить</button>
          </div>
        </div>
      </div>
    </div>

var inst = $.remodal.lookup[$('[data-remodal-id=modal]').data('remodal')];

inst.open();
;

Вот так же как вы сказали не открывает тоже.
Но с кнопки всё открывает

Answer 2

[Ао]

<style>
            .modal.fade{
                display:none;
                position: fixed;
                top:50%;
                left:50%;
                background-color: aquamarine;
                padding: 30px;
            }
            .modal.fade.open{
                display:block;
            }
        </style>
        <div id="modal" class="modal fade">
            <div class="modal-dialog" role="document">
                <div class="modal-content tx-size-sm">
                    <div class="modal-body tx-center pd-y-20 pd-x-20">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <i class="icon ion-ios-checkmark-outline tx-100 tx-success lh-1 mg-t-20 d-inline-block"></i>
                        <h4 class="tx-success tx-semibold mg-b-20">Поздравляем!</h4>
                        <p class="mg-b-20 mg-x-20"><?php echo $_SESSION['success']; unset($_SESSION['success']); ?></p>
                        <button type="button" class="btn btn-success pd-x-25" data-dismiss="modal" aria-label="Close">Продолжить</button>
                    </div>
                </div>
            </div>
        </div>
        <script  type= text/javascript>
			document.addEventListener("DOMContentLoaded", function(event) {
                    document.getElementById('modal').classList.add('open');
			});
        </script>

Зря Вы начали изучать Js с JQuery