처음에만 서브메뉴가 펼쳐져 나와요 채택완료
메뉴가 처음에만 서브메뉴가 그대로 나와있어요 ㅠ.ㅠ
메뉴에 갖다대면 다시 정상적으로 잘되는데 새로고침 하면 서브메뉴가 그대로 펼쳐져나옵니다..
이리저리 해봐도 수정이 안되네요 ㅠ.ㅠ 왜그러는걸까요 display:none; 으로 숨겨봤는데 메뉴 작동은 안되고;
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">관리자모드 > 환경설정 > 메뉴설정</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 포인트
9년 전
display:none;가 안먹는다면 자바스크립트부분에 $(".category_submenu_box").hide(); 이렇게 넣어도안되나요??
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인