Materialize Navbarドロップダウン/サイドバーのドロップダウンが一緒に機能しない

Question

ナビゲーションバーが正常に動作し、ドロップダウンメニューが表示され、モバイルサイドバーが正常に動作していますが、ドロップダウン。 サイドバーにドロップダウンがコーディングされている場合、ウィンドウがフルスクリーンで、ナビゲーションバーが表示されている場合は、クリックしてドロップダウンを行うことはできません。 サイドバーのドロップダウンメニューのコードを取り除くと、navbarは正常に機能します。 誰もがそれらの両方を動作させる方法についてどのような光を当てることができますか？ 私は本当に明白な何かを見逃していると確信していますが、私は夕方インターネットをトロールしてきましたが、私はこの上に私のhairoutを裂くことに近いです。 ありがとう！

私のコードは次のとおりです。

誰もがGoogleでこの全体につまずく場合には、最終的にこの作業を取得するために管理

<!-- Dropdown Structure--> 
<ul id="dropdown1" class="dropdown-content"> 
    <li><a href="upperbody.html">Upper Body</a></li> 
    <li><a href="lowerbody.html">Lower Body</a></li> 
    <li><a href="core.html">Core</a></li> 
    <li><a href="conditioning.html">Conditioning</a></li> 
    <li class="divider"></li> 
</ul> 
<nav class="teal"> 
    <div class="nav-wrapper container"> 
    <a href="#!" class="brand-logo">Fit4Rugby</a> 
    <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a> 
    <ul class="right hide-on-med-and-down"> 
     <li class="active"><a href="index.html">Home</a></li> 
     <!-- Dropdown Trigger --> 
     <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Exercises<i class="material-icons right">arrow_drop_down</i></a></li> 
     <li><a href="routines.html">Routines</a></li> 
     <li><a href="testimonials.html">Testimonials</a></li> 
     <li><a href="store.html">Store</a></li> 
    </ul> 
<!--Side Bar Popout-->  
    <ul class="side-nav" id="mobile-demo"> 
     <li><a href="index.html">Home</a></li> 
     <!-- Dropdown Trigger --> 
     <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Exercises<i class="material-icons right">arrow_drop_down</i></a></li> 
     <li><a href="routines.html">Routines</a></li> 
     <li><a href="testimonials.html">Testimonials</a></li> 
     <li><a href="store.html">Store</a></li> 
    </ul> 
    </div> 
</nav> 

Answer 1

。 ドロップダウン構造を複製し、idドロップダウン2を与えた後、モバイルサイドバーでdata-activates = "dropdown2"に変更しました。とてもシンプルなように思えます。