처음에만 서브메뉴가 펼쳐져 나와요

초코밥 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2016.04.24 14:43:07 5362 (58.♡.♡.3)

답변 1

본문

메뉴가 처음에만 서브메뉴가 그대로 나와있어요 ㅠ.ㅠ

메뉴에 갖다대면 다시 정상적으로 잘되는데 새로고침 하면 서브메뉴가 그대로 펼쳐져나옵니다..

이리저리 해봐도 수정이 안되네요 ㅠ.ㅠ 왜그러는걸까요 display:none; 으로 숨겨봤는데 메뉴 작동은 안되고;

head.php 파일에 메뉴 소스가


    <nav id="gnb">
        <h2>메인메뉴</h2>
        <ul id="gnb_1dul">
            <?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 값 설정용
            for ($i=0; $row=sql_fetch_array($result); $i++) {
            ?>
            <li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
                <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
            </li>
            <?php
            }
            if ($i == 0) {  ?>
                <li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
            <?php } ?>
        </ul>
    </nav>
<!-- 서브 메뉴 -->
<div class="category_submenu_box2">
 <ul class="category_submenu_box">
        <?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);
        for ($i=0; $row=sql_fetch_array($result); $i++) {
                     if( $row['me_name'] == "포인트몰" ) continue;
    
                    ?>
              <li class="first-child_<?php echo $i?>">
               <dl class="category_submenu">
                    <?php
            $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++) {
                    ?>
        <dd><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'];?></a></dd>
                    <?php
                     }
                    ?>
        </dl>
                     </li>
      <?php
      }
      ?>
</ul>
</div>
<!-- //서브 메뉴 -->

메뉴쪽 css입니다.


.category_submenu_box2{width:100%;background:#25201b;position:absolute;}
.clearfix:after{display:block;clear:both;content:"";}
.category_submenu_box{max-width:1200px;margin: 0 auto !important;top:0px;background:#25201b;height:0px;zoom:1; }
.category_submenu_box li{float:left;margin-left:1px;width:133px;position:relative;}
.category_submenu_box li.first-child_0, .category_submenu_box li:first-child{}
.category_submenu_box li.first-child_1{width:133px;}
.category_submenu_box li.first-child_2{width:133px;}
.category_submenu_box li.first-child_3{width:133px;}
.category_submenu_box li.first-child_4{width:133px;}
.category_submenu_box li.first-child_5{width:133px;}
.category_submenu_box li.first-child_6{width:133px;}
.category_submenu_box li.first-child_7{width:133px;}
.category_submenu_box li.first-child_8{width:133px;}
.category_submenu_box li.first-child_9{float:right;width:133px;}
.category_submenu_box li .category_submenu{padding:0; font-size:1.1em;color:#555555;}
.category_submenu_box li .category_submenu a{padding:8px 10px 8px 10px; font-size:13px;color:#fff;display:block;font-family:"NanumGothicBold";letter-spacing:-1px;}
.category_submenu_box li .category_submenu a:hover{padding:8px 10px 8px 10px; font-size:13px;color:#25201b;display:block;background:#fff;text-decoration:underline;opacity:1;letter-spacing:-1px;}
.subcategorybg{position:absolute;left:-20px;top:-122px;}
.category_submenu_box li .category_submenu dd{margin-left:0px;}

메뉴 js입니다


$(document).ready(function(){
/* 하단으로 펼쳐지는 메뉴 */  
  $(".gnb_1dli").mouseover(function(){
   $(".category_submenu_box li").each(function(i){
     $(this).data("index", i);
   });
   
   $("#gnb_1dul li").each(function(i){
     $(this).data("index", i);
   });
   $(".category_submenu_box").show();
   $(".category_submenu_box").stop().animate({"height":"250px"},500);
  });
  $(".category_submenu_box").mouseleave(function(){
   
   SubCategoryOut();
  });
  $(".category_submenu_box li").mouseover(function(){
   var inx = $(this).data("index") ;
   $("#gnb_1dul li").removeClass("gnb1_dli_over");
   $("#gnb_1dul li").removeClass("gnb_1dli_on");
   $("#gnb_1dul li").each(function(i){
   
    if( inx ==  i){
     $(this).addClass("gnb1_dli_over ");
     $(this).addClass("gnb_1dli_on ");
    }
   });
  });
  $("#gnb").mouseleave(function(){
   //SubCategoryOut();
  });
  function SubCategoryOut(){
   $(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");
   $(".category_submenu_box").stop().animate({"height":"0px"},500,null,function(){$(".category_submenu_box").hide();});
  }
});