이 기능은 웹뷰버전만 해당됩니다.
여기서 메뉴버튼을 누르면 슬라이드 메뉴가 나오도록 동작하고,
위의 그림처럼 메뉴슬라이드가 동작상태때 '뒤로가기'버튼을 누르면 메뉴슬라이드를 사라지게 하도록 하는 팁입니다.
우선 모듈 환경설정에서 "앱 기본 설정" -> "메뉴버튼 기능 사용여부" -> "메뉴버튼 기능 사용"으로 설정주시고... 모바일 레이아웃 layout.html파일을 수정합니다. 여기서부터는 모바일 레이아웃에 따라 코드가 달라집니다. 현재는 스윗 모바일과 flat 모바일만 연구가 되었습니다.
1) 스윗 모바일 레이아웃
layout.html 상단부분 아무곳이나
<script>
jQuery(function($){
$("#menu").mmenu({
slidingSubmenus: false
});
});
function menu_status(){
if(jQuery('#menu').hasClass('mm-opened')){
window.myJs_menu.callAndroid_menu('open');
}else{
window.myJs_menu.callAndroid_menu('close');
}
}
function menu_close(){
jQuery('#menu').trigger('close');
}
function menu_open(){
jQuery('#menu').trigger('open');
}
</script>
이 코드를 삽입합니다.
2) flat 모바일
역시 layout.html 상단부분 아무곳이나 아래의 소스를 첨가합니다.
<script>
function menu_status(){
var status = jQuery('#menu-wrap').css("display");
var re_status = status.indexOf('k');
if(re_status>0){
window.myJs_menu.callAndroid_menu('open');
}else{
window.myJs_menu.callAndroid_menu('close');
}
}
function menu_close(){
jQuery(".menu-dummy").trigger("click");
}
function menu_open(){
var status = jQuery('#menu-wrap').css("display");
var re_status = status.indexOf('k');
if(re_status>0){
jQuery(".menu-dummy").trigger("click");
}else{
jQuery(".menu-trigger").trigger("click");
}
}
</script>