애니빌드.LAB
토론방
디자인팜 모바일 카테고리
- s**c
- 2016-10-20 14:46:07
- hit3405
- http://lab.anybuild.co.kr/bbs/qna/6341
모바일버전 카테고리가 제대로 작동하지 않습니다.
확인 부탁드립니다.
게시글 공유
URL복사
댓글작성
열기 닫기
모바일버전 카테고리가 제대로 작동하지 않습니다.
확인 부탁드립니다.
열기 닫기
열기 닫기
모바일버전 카테고리의 경우 1뎁스 클릭시 하위메뉴가 펼쳐지도록 동작하게 되어있습니다.
소스에서는 2뎁스가 전부 삭제되어 있어서 아무것도 출력이 되지 않고 있습니다.
현재 소스를 유지한 상태에서, 페이지만 이동되도록 원하시는 경우 다음을 수정해주세요.
line. 352 ~ 465
<script>
$(document).ready(function($){
var body_padding =
window.onload = function() {
onresize();
}
window.onresize = function() {
fn_event_remove();
if(window.innerWidth > 102*) {
var layout = $('.lnb_27843_').parents('body > div');
var layout_height = layout.height();
layout.css({'position':'fixed', 'top':0, 'left':0, 'right':0, 'z-index':999});
body_padding = layout_height + "px";
fn_event_setting();
$('.lnb_27843_').children('.dep1').removeAttr('style');
} else {
var layout = $('.lnb_27843_').parents('body > div');
layout.css({'position':'relative', 'top':0, 'left':0, 'right':0});
$('body').removeAttr('style').css('padding-top', 0);
// 모바일 스타일 메뉴 실행
$('.lnb_27843_').addClass('mobile-menu');
// fn_event_mobile_setting(); <- 해당부분을 동작하지 않도록 주석으로 처리합니다.
}
};
window.fn_event_setting = function() {
$('.lnb_27843_ .dep1 > li > a').on('mouseover', function() {
var indexing = $(this).parent().index();
//$('.lnb_27843_ .lnb_background').css({'opacity': 1.0, 'z-index': 99});
//fn_set_menu('.lnb_27843_', indexing, true);
});
$('.lnb_27843_ .dep1').on('mouseleave', function() {
fn_set_menu('.lnb_27843_', '', false);
});
$('.lnb_27843_').removeClass('mobile-menu').removeAttr('style');
$('html').removeClass('open').removeAttr('style');
$('body').removeAttr('style').css('padding-top', body_padding);
};
window.fn_event_mobile_setting = function() {
var prev_index = -1;
$('.lnb_27843_ .dep1 > li > a').on('click', function() {
var parent_obj = $(this).parent();
var sub_obj = $(this).parent().children().not('a');
if(prev_index != -1 && prev_index != parent_obj.index()) {
$('.lnb_27843_ .dep1 > li').eq(prev_index).children().not('a').stop().slideUp();
sub_obj.stop().slideDown();
prev_index = parent_obj.index();
$('.lnb_27843_ .dep1 > li > a').removeClass('on');
$(this).addClass('on');
} else if(prev_index == parent_obj.index()) {
sub_obj.stop().slideUp();
prev_index = -1;
$('.lnb_27843_ .dep1 > li > a').removeClass('on');
} else {
sub_obj.stop().slideDown();
prev_index = parent_obj.index();
$(this).addClass('on');
}
return false;
});
};
window.fn_event_remove = function() {
$('.lnb_27843_ .dep1 > li > a').off('mouseover');
$('.lnb_27843_ .dep1 > li > a').off('click');
$('.lnb_27843_ .dep1 > li').children().not('a').removeAttr('style')
$('.lnb_27843_ .dep1 > li > a').removeClass('on');
$('.lnb_27843_ .dep1').off('mouseleave');
fn_set_menu('.lnb_27843_', '', false);
};
window.fn_set_menu = function(obj_class, index, use) {
var navi_box = $(obj_class);
var navi_obj = navi_box.children('ul');
var menu_obj = navi_obj.children('li').eq(index);
var sub_menu_obj = menu_obj.find('.dep2');
var sub_menu_obj_p = sub_menu_obj.parent();
if(use) {
var total_width = 0;
sub_menu_obj.children('li').each(function(){
total_width += $(this).outerWidth();
});
total_width = total_width+20; // 하위 메뉴 길이
navi_width = navi_obj.width(); // 메뉴 전체 길이
space_width = (navi_width + navi_obj.offset().left) - menu_obj.offset().left; // 공간 넓이
position_left = total_width > space_width ? total_width - space_width : 0; // 좌측 위치 조정
/** 메뉴 위치 조정 **/
sub_menu_obj_p.css('width', total_width + 'px'); // 하위 메뉴 가로 사이즈 조절
sub_menu_obj_p.css('z-index', '999'); // 하위 메뉴 가로 사이즈 조절
if(position_left > 0) {
sub_menu_obj_p.css('margin-left', Math.round(position_left * -1) + 'px'); // 하위 메뉴 가로 사이즈 조절
}
navi_box.removeAttr('style');
navi_box.css('height', ((parseInt(navi_box.height()) + 40)) + 'px');
} else {
/** 메뉴 위치 리셋 **/
navi_obj.find('.dep2').parent().css('width', 'auto'); // 하위 메뉴 가로 사이즈 조절
navi_obj.find('.dep2').parent().css('margin-left', '0px'); // 하위 메뉴 가로 사이즈 조절
navi_box.removeAttr('style');
}
}
});
</script>