모바일에서 메뉴상위클릭

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

 

if (G5_IS_MOBILE) {

    include_once(G5_THEME_MOBILE_PATH.'/tail.php');

    return;

}

?>

 

</div>

</div>

<div id="aside">

    <div class="close_menu" id="mobile_menu_close">

        <div class="line_box">

            <span class="close-line1"></span>

            <span class="close-line2"></span>

        </div>

    </div>

    <div class="mobile_menu">

        <div id="tnb" class="mobile">

            <?php echo outlogin('theme/basic');?>

        </div>

        <ul>

            <?php

                $sql = " select *

                            from {$g5['menu_table']}

                            where me_use = '1'

                              and length(me_code) = '2'

                            order by me_order, me_id ";

                $result = sql_query($sql, false);

                $gnb_zindex = 999; // gnb_1dli z-index 값 설정용

                $menu_datas = array();

 

                for ($i=0; $row=sql_fetch_array($result); $i++) {

                    $menu_datas[$i] = $row;

 

                    $sql2 = " select *

                                from {$g5['menu_table']}

                                where me_use = '1'

                                  and length(me_code) = '4'

                                  and substring(me_code, 1, 2) = '{$row['me_code']}'

                                order by me_order, me_id ";

                    $result2 = sql_query($sql2);

                    for ($k=0; $row2=sql_fetch_array($result2); $k++) {

                        $menu_datas[$i]['sub'][$k] = $row2;

                    }

 

                }

 

                $i = 0;

                foreach( $menu_datas as $row ){

                    if( empty($row) ) continue; 

                ?>

            <li class="mobile-list">

                <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da" data-hover="<?php echo $row['me_name'] ?>"><?php echo $row['me_name'] ?>

                    <div class="icon_plus icon">

                        <div class="icon_box">

                            <span class="line"></span>

                            <span class="line line2"></span>

                        </div>

 

                    </div>

                </a>


 

                <?php

                    $k = 0;

                    foreach( (array) $row['sub'] as $row2 ){

 

                        if( empty($row2) ) continue; 

 

                        if($k == 0)

                            echo '<ul class="mb-sub-ul">'.PHP_EOL;

                    ?>

            <li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>

            <?php

                    $k++;

                    }   //end foreach $row2

 

                    if($k > 0)

                        echo '</ul>'.PHP_EOL;

                    ?>

            </li>

            <?php

                $i++;

                }   //end foreach $row

 

                if ($i == 0) {  ?>

            <li class="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>

            <?php } ?>

        </ul>

    </div>

</div>

<div class="mask"></div>

 

<script>

    $(function() {

 

        $('.mobile_menu > ul > li > a').click(function() {

            if (!$(this).parent().hasClass('on')) {

                $(this).parent().addClass('on');

            } else {

                $(this).parent().removeClass('on');

            }

 

            $(this).parent().find('ul').slideToggle();

 

            return false;

            $('.mobile_menu > ul > li > a')

        });

        $('.mobile_menu > ul > li > a').bind('touchstart', function(e) {

            $(this).trigger('click');

            e.preventDefault();

        });

 

        $("#mb-open-menu").click(function() {

            $("#aside").animate({

                "right": "0px"

            }, 200);

            $(".mask").css('display', 'block');

 

            $("body").css("position", "fixed");

        });

 

        $("#mobile_menu_close, .mask").click(function() {

            $("#aside").animate({

                "right": "-100%"

            }, 200);

 

            $(".mask").css('display', 'none');

            $("body").css("position", "relative");

        });

 

    });

</script>