MDL Snackbar auf Seite laden ohne jQuery

Question

Ich benutze das Material Design Lite und ich möchte Snackbar auf Seite laden, ich versuchte einige Lösungen, die ich fand aber leider ohne Erfolg. Haben Sie ein Arbeitsbeispiel?

Answer 1

Entschuldigung, ich löse das schon. Hier ist der Code Beispiel:

<div id="demo-toast-example" class="mdl-js-snackbar mdl-snackbar"> 
    <div class="mdl-snackbar__text"></div> 
    <button class="mdl-snackbar__action" type="button"></button> 
</div> 

<script> 
r(function(){ 
    var snackbarContainer = document.querySelector('#demo-toast-example'); 
    var data = { message: 'Example Message.'}; 
    snackbarContainer.MaterialSnackbar.showSnackbar(data); 
}); 
function r(f){ /in/.test(document.readyState)?setTimeout('r('+f+')',9):f()} 
</script>