Django Materialize.css 导航栏

Question

我正在开发 Django 网络应用程序，我正在为 CSS 使用 Materialize 我已将 Materialize 文件放在应用程序的静态文件夹中。我的导航栏有问题，它在全屏模式下工作正常，但当我调整浏览器大小时，移动导航栏的汉堡包图标不起作用。单击它时，它只会转到 /# 页面，而不会按应有的方式从侧面打开。我是否必须对 Django 或 Javscript 文件进行任何更改？我该如何解决这个问题？

Answer 1

Materialize 使用 materialize.js 文件。该文件需要位于 js 下的静态文件夹中。（即 js/materialize.js）然后您需要在 html 模板中的 JQuery 脚本语句之后声明此文件，如下所示。你做到了吗？

<body>
  <!--Import jQuery before materialize.js-->
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script type="text/javascript" src="js/materialize.min.js"></script>
</body>

Django Materialize.css 导航栏

Django Materialize.css Navbar

django

materialize

jquery-mobile-navbar