내 탐색 막대가 제대로 작동하고 드롭 다운 메뉴를 사용하고 있고 모바일 사이드 바가 정상적으로 작동하지만 상황에 따라 드롭 다운. 사이드 바에 드롭 다운 코드가있는 경우 윈도우가 전체 화면이고 탐색 표시가 보이면 클릭하여 작업을 수행 할 수 없습니다. 사이드 바에서 드롭 다운 코드를 제거하면 navbar가 정상적으로 작동합니다. 둘 다 작동시키는 방법에 대해 알려줄 수 있습니까? 나는 정말로 명백한 무엇인가 놓치고있다라고 확신한다. 그러나 나는 저녁 내내 인터넷을 trawling하고 있었다. 그리고 나는 이것 위에서 나의 hairout를 찢는 것에 가깝다. 감사합니다.Materialize Navbar 드롭 다운/사이드 바 드롭 다운이 함께 작동하지 않습니다.
내 코드는 다음과 같습니다
결국이 작업을 얻을 관리<!-- 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>