토론방

디자인팜 모바일 카테고리

모바일버전 카테고리가 제대로 작동하지 않습니다.

확인 부탁드립니다.

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 이**우 2016-10-20

    모바일버전 카테고리의 경우 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>

     

댓글작성

열기 닫기

댓글작성
top