在文档加载时触发materialize.css toast

时间:2016-10-31 17:41:40

标签: javascript jquery css materialize

我试图在使用materialize.css和jquery加载页面时触发toast,但它现在正在运行,这里是我的代码:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<script>
    $(document).ready(function(){
       Materialize.toast('I am a toast!', 4000);
    });
</script>

此代码位于head标签内。

1 个答案:

答案 0 :(得分:1)

好像你错过了Materialise js文件。对我来说,你的代码正常运作。

也可以将此添加到您的脑海中。

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.js"></script>

Demo