jquery mmenu 정상적인 문서 흐름을 768px 위로 표시 할 수

Question

특정 화면 너비 위 및 그 너비 표시를 상자 밖으로 벗어날 때 정상적인 문서 흐름에서 표시하려면 노력하고있어. 나는 이것이 "무엇이 수반되는지"모르지만 ("ID"가 다른 메뉴를 복제하고있는 것인가?) 나는 "클로닝"이 언급 된 대답을 발견했다 ... 나는 15 페이지짜리 사이트를 가진 프로젝트를 가지고있다. 내가 원했던대로 작동시킬 수 있다면 완벽 해! 어떤 도움이라도 대단히 감사하겠습니다!

내가 그렇게 같은 기능을 포장 시도했다가 (내 jQuery를/자바 스크립트는 가장 확실히 내 강점을하지 않습니다!) :

$(document).ready(function($) { 
    if($(window).width() < 768) { 
     $("#menu").mmenu(); 
    } 
}); 

HTML :

<nav id="menu"> 
    <ul> 
     <li class="Selected"><a href="#">ONE</a></li> 
     <li><a href="#">TWO</a></li> 
     <li><a href="#">THREE</a></li> 
    </ul> 
</nav> 

Answer 1

클론 만들기 (그리고 예 ID 변경)는 동일한 HTML로 된 두 개의 NAV를 제공합니다. 첫 번째 NAV에서 플러그인을 실행하고 CSS 및 미디어 쿼리를 사용하여 모바일 사이트에 표시합니다. 다시 CSS 및 미디어 쿼리를 사용하여 데스크톱 사이트에서 숨 깁니다. CSS와 미디어 쿼리를 사용하여 모바일 사이트의 첫 번째 NAV를 숨기고 데스크톱 사이트에 표시합니다.

$("#menu").mmenu({ 
    clone: true 
}); 

을 다음 mmenu 플러그인은 "MM-"로 메뉴에서 메뉴가 자동으로 앞에 추가 모든 아이디의 복제를위한 옵션 빌드를 가지고

주