javascript - 将移动导航栏的代码放在具体化 css 中的什么位置？

Question

我正在尝试使用 MaterializeCSS 创建一个移动导航栏，但我不知道在哪里发布 Javascript。

The bottom of this page

说把这段代码:

 $(".button-collapse").sideNav();

在我的

 $( document ).ready(function(){})

我完全没有使用 Javascript 的经验，所以即使使用 google-fu 也很难弄清楚这意味着什么。

这是否在现有的 materialize.js 文件中？如果有，在哪里？

here is the code for my navbar

Answer 1

最好创建另一个 scripts.js 文件并将其放入其中。然后在 body 标签的末尾引用它作为这样的脚本链接..

<script src="scripts.js"></script>

如果那是你仅有的 JS 代码，你也可以将它内嵌在 HTML 中，例如......

<script>
$( document ).ready(function(){
  $(".button-collapse").sideNav();
})
</script>

无论哪种方式，它都必须遵循 materialize.js 文件。

具体化 SideNav:http://codeply.com/go/iwJMN5S52h