처음에만 서브메뉴가 펼쳐져 나와요 채택완료

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

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

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

 

235a86f97d5e43f5246856dec1828c11_1461476425_9752.jpg 

head.php 파일에 메뉴 소스가

 

Copy
<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">관리자모드 &gt; 환경설정 &gt; 메뉴설정</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입니다.

Copy
.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입니다

Copy
$(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();});  }});

 

답변 1개

채택된 답변
+20 포인트

display:none;가 안먹는다면 자바스크립트부분에 $(".category_submenu_box").hide(); 이렇게 넣어도안되나요?? 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

감사합니다!!
어느부분을 $(".category_submenu_box").hide(); 이렇게 고쳐줘야해요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고