MDL snackbar on page jQueryなし

Question

私はマテリアルデザインライトを使用しており、Snackbarをページの読み込みに使用したいと思っています。 実例はありますか？

Answer 1

申し訳ありませんが、私はすでにこれを解決しています。ここで は、コード例です：

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