moblile보기에서 navbar를 표시 할 수 없습니다.

Question

나는 laravel에서하고있는 반응이 좋은 디자인을 고수하고 있습니다. 아래 코드는 일반적인보기에서 작동하지만 탐색 막대는 모바일보기에서 숨겨집니다. 자바 스크립트 함수로 확인했지만 문제를 해결할 수 없습니다. 이 내 HTML 코드는 헤더 파일을 표시하지 않습니다 모바일보기에서

<div class="container"> 
     <nav> 
      <ul> 
       <li class="active"><a href="#">Home</a> </li> 
       <li><a href="#">Our School</a> 
       <ul> 
        <li><a href="">Key Features</a></li> 
        <li><a href="">Infrastructure</a></li> 
        <li><a href="">Fee System</a></li> 
        <li><a href="">Commitment & Objectives</a></li> 
        <li><a href="">Rules & Regulations</a></li> 
        <li><a href="">Hostel Management</a></li> 
       </ul> 
       </li> 
       <li><a href="#">Our Facilities</a> </li> 
       <li><a href="#">News & Events</a> </li> 
       <li><a href="#">Photo Gallery</a> </li> 

       <li><a href="#">Student Zone</a> </li> 
      </ul> 
      </nav> 
    </div> 
    </div> 
</div> 
<!-- Mobile Menu Area Start --> 
<div class="mobile-menu-area" style="display:none"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
     <div class="mobile-menu"> 
      <nav id="dopdown"> 
      <ul> 
       <li><a href="#">Home</a> 
       <li><a href="#">Our School</a> 
       <ul> 
        <li><a href="">Key Features</a></li> 
        <li><a href="">Infrastructure</a></li> 
        <li><a href="">Fee System</a></li> 
        <li><a href="">Commitment & Objectives</a></li> 
        <li><a href="">Rules & Regulations</a></li> 
        <li><a href="">Hostel Management</a></li> 
       </ul> 
       </li> 
       <li><a href="#">Our Facilities</a> </li> 
       <li><a href="#">News & Events</a> </li> 
       <li><a href="#">Photo Gallery</a> </li> 
       <li><a href="#">Downloads</a> </li> 
       <li><a href="#">Student Zone</a> </li> 
      </ul> 
      </nav> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

JS 코드

$('nav#dropdown').meanmenu({siteLogo: "<a href='{{asset('client/home')}}' class='logo-mobile-menu'><img src='images/logo.png' alt='unable' /></a>"}); 
new WOW().init(); 
    $.scrollUp({ 
    scrollText: '<i class="fa fa-arrow-up"></i>', 
    easingType: 'linear', 
    scrollSpeed: 900, 
    animation: 'fade' 
}); 

입니다.

Answer 1

<nav id ='dopdown'>에 부여한 ID이며의 js 함수에서 사용하고있는 ID가 다릅니다. 문제의 원인 일 수 있습니다. 한 번 해보십시오.