Materializecss Модал при загрузке страницы не открывает модал - PullRequest
Новая
       29

Materializecss Модал при загрузке страницы не открывает модал

0 голосов
/ 16 ноября 2018

Я использую Materializecss 0.100.2, и мне нужно открыть модал при загрузке страницы или готовый документ.Но не работает, это будет работать, только если я нажму на кнопку, я не знаю почему.Модал имеет класс "open", но модал имеет "display: none", а наложение div для модального режима скрыто.Это работает, но не полностью. 

jQuery(document).ready(function () {
 jQuery('#modalInfo').modal();
 jQuery('#modalInfo').modal('open');
});

1 Ответ

0 голосов
/ 16 ноября 2018

Эта штука работает с vanillaJS. Вам нужно получить модальный класс, используя querySelector(), а затем передать его в M.Modal.init(), и с помощью этого instance вы можете вызвать open() метод.

HTML - 

<div class="modal">
    <div class="modal-content">
        <h4>Modal Header</h4>
        <p>A bunch of text</p>
    </div>
    <div class="modal-footer">
        <a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
</div>

JS - 

document.addEventListener('DOMContentLoaded', function () {
    var Modalelem = document.querySelector('.modal');
    var instanceModal = M.Modal.init(Modalelem);
    instanceModal.open();
});
...