jquery - 物化移动导航栏没有响应

我正在将Materialize与Rails项目一起使用，但不确定为什么可折叠的导航栏转换没有响应。

_nav.html.erb

<nav>
<div class="nav-wrapper">
  <a href="/" class="brand-logo center">LOGO</a>
  <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
  <ul id="nav-mobile" class="left hide-on-med-and-down">
    <li><%= link_to "Signup", new_user_registration_path %></li>
    <li><%= link_to "Logout", destroy_session_path(current_user) if current_user %></li>
  </ul>

  <ul class="side-nav" id="mobile-demo">
    <li><%= link_to "Signup", new_user_registration_path %></li>
    <li><%= link_to "Logout", destroy_session_path(current_user) if current_user %></li>
  </ul>
</div>

community.js

$(document).ready(function(){
  $(".button-collapse").sideNav();
)};

现在，如果我缩小视口并单击移动菜单按钮，则屏幕将显示灰色叠加层，但实际的侧边栏本身将不会出现。我检查了元素，然后将我的版本与Materialize网站上的演示版本进行了比较，无论出于何种原因，某些CSS组件都无法正确呈现在我这一边。

首先，标签的宽度在我这边没有调整。
Screenshot

其次，当原始Materialize版本作为转换出现时，我这一边的样式显示为左侧。 Screenshot2

除了更改字体系列外，我没有修改任何CSS。几天前它在工作，但现在却没有。有什么帮助吗？

最佳答案

解决了。我正在从cdnjs调用Materialize.min.js文件。当我切换为使用最小化版本（https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.js）时，一切运行正常。

关于jquery - 物化移动导航栏没有响应，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41728542/