flat 모바일 레이아웃과 sweetMobile 레이아웃 메뉴버튼과 뒤로가기 버튼 동작

by 관리자 posted Sep 15, 2015
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

 

이 기능은 웹뷰버전만 해당됩니다.

 

 

144227205370311.jpg

 

 

여기서 메뉴버튼을 누르면 슬라이드 메뉴가 나오도록 동작하고,

 

 

 

14422720480681.jpg

 

 

위의 그림처럼 메뉴슬라이드가 동작상태때 '뒤로가기'버튼을 누르면 메뉴슬라이드를 사라지게 하도록 하는 팁입니다.

 

우선 모듈 환경설정에서 "앱 기본 설정" -> "메뉴버튼 기능 사용여부" -> "메뉴버튼 기능 사용"으로 설정주시고... 모바일 레이아웃 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>

 

 

 

 


Articles

1 2