没有jQuery的页面加载MDL快餐栏

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>