Снэк-бар MDL при загрузке страницы без 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>