实现 sidenav 不适用于小型设备

问题描述

我在 Django 中使用 Materialise。导航栏在大屏幕上运行良好，但 sidenav 在小屏幕上运行不正常。

 var elems = document.querySelectorAll('.sidenav');
 var sidenavInstance = M.Sidenav.init(elems);

 <a href="#" data-target="mobile-nav" class="sidenav-trigger "> <i class="material-icons">menu</i></a>
  <ul id="slide-out" class="sidenav">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Academics</a></li>
    <li><a href="#">Events</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Login</a></li>
  </ul>

这是我的代码片段。 我在小屏幕上收到错误“无法读取 null 的属性‘M_Sidenav’”。 谁能告诉我为什么我会收到这个错误？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）