2017-01-27 4 views
0

Ich habe ein Problem mit materializeCSS. Ich habe gerade von 0.97.5 auf 0.98.0 aktualisiert und Modale funktionieren nicht mehr.Modal funktioniert nicht seit Update auf Materialize 0.98.0

Ich ändere die Art, wie sie gemäß Dokumentation initialisiert werden.

Jquery-Version ist 3.1.1 und es wird vor dem materialisieren geladen.

Hier ist mein Code:

Initialisation:

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

Modal:

<a class="modal-trigger" href="#delete"> 
    <i class="material-icons">delete</i> 
</a> 


<div id="delete" class="modal"> 
    <nav class="top-nav panel-title truncate">Confirmer la suppression</nav> 
    <p class="modal-content"></p> 
    <div class="modal-footer"></div> 
</div> 
+0

haben Sie versucht, '$ aussehen sollte modal ('open ') (' modal..');' Kann das funktionieren sein – Curiousdev

+0

Funktioniert nicht entweder –

+0

überprüfen Sie auch Ihre Konsole, was es sagt? – Curiousdev

Antwort

2

Der entscheidende Punkt, der docs nicht Akzent macht, dass Sie alle Modalverben initialisieren sollte zuerst. $('.modal').modal();

Vollarbeits Code für Modalverben wie diese

(function ($) { 
    $(function() { 

     //initialize all modals   
     $('.modal').modal(); 

     //now you can open modal from code 
     $('#modal1').modal('open'); 

     //or by click on trigger 
     $('.trigger-modal').modal(); 

    }); // end of document ready 
})(jQuery); // end of jQuery name space 
Verwandte Themen