0
RailsプロジェクトでMaterializeを使用していますが、折りたたみ可能なナビゲーションバー変換が応答しない理由がわかりません。Materialize mobile nav bar not responding
_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
第2に、元のマテリアライズバージョンが変換として登場している間に、私の側のスタイルが残っているように見えます。 Screenshot2
フォントファミリの変更を除いて、CSSを変更しませんでした。それは数日前に働いていましたが、今はありません。どんな助け？