Как я могу открыть материализуемое модальное, когда окно будет готово?

Question

Я хочу открыть модальное окно, когда пользователь будет в окне, я имею в виду, открыть модальный без кнопки триггера, у меня есть этот пример.

<button data-target="modal1" class="btn modal-trigger" id="btn-1">Modal</button> 
<div id="modal1" class="modal modal-fixed-footer"> 
<div class="modal-content"> 
    <h4>Modal Header</h4> 
    <p>A bunch of text</p> 
</div> 
<div class="modal-footer"> 
    <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Agree</a> 
</div> 

Это работает, если нажать на кнопку запуска, но я не хочу щелчок. Я использую этот код, когда окно готово:

$(function() 
{ 
    function checkCode() 
    { 
     $("#btn-1").click(); 
    } 
}); 

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

Answer 1

Я нашел решение в materialize.js Мы должны использовать:

$(".MyModal").openModal() 

открыть модальности и:

$(".MyModal").closeModal() 

закрыть его. Материализовать команду забыли обновить свою документацию.

Answer 2

Вам необходимо определить, какое событие имеет смысл запускать отображаемый модальный вид. onload или onmouseover может работать на вас вместо onclick.

Answer 3

вы можете сделать это:

$(document).ready(function(){ 
 
    $('.modal1').modal('open'); 
 
});

Answer 4

Для материализации v0.98.2

Создать модальный

<div id="modal" 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-action modal-close waves-effect waves-green btn-flat">Agree</a> 
    </div> 
</div> 

Открыть модальный когда документ готовы нагрузки

<script> 
$(document).ready(function(){ 
    $('#modal').modal(); 
    $('#modal').modal('open'); 
}); 
</script>