Wie kann ich ein modales Material öffnen, wenn ein Fenster fertig ist?

Question

Ich möchte ein modales Fenster öffnen, wenn der Benutzer in einem Fenster, ich meine, öffnen Sie ein Modal ohne Trigger-Taste, ich habe dieses Beispiel.

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

Es funktioniert, wenn ich auf den Auslöseknopf klicken, aber ich will nicht einen Klick. Ich benutze diesen Code, wenn das Fenster bereit ist:

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

Diesen automatisch auf den Knopf drücken und den Effekt machen, die modal Auto ist geöffnet, aber ich will nicht, dies zu tun.

Answer 1

ich die Lösung in materialize.js gefunden Wir verwenden müssen:

$(".MyModal").openModal() 

modals zu öffnen und zu:

$(".MyModal").closeModal() 

, um es zu schließen. Materialise Team vergessen aktualisieren ihre Dokumentation.

Answer 2

Sie müssen bestimmen, welches Ereignis sinnvoll ist, um das angezeigte Modal auszulösen. onload oder onmouseover kann für Sie anstelle von onclick arbeiten.

Answer 3

können Sie das tun:

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

Answer 4

Für Materialise v0.98.2

modale erstellen

ein

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

öffnen modal, wenn ein Dokument bereit Last

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