처음에만 서브메뉴가 펼쳐져 나와요
본문
메뉴가 처음에만 서브메뉴가 그대로 나와있어요 ㅠ.ㅠ
메뉴에 갖다대면 다시 정상적으로 잘되는데 새로고침 하면 서브메뉴가 그대로 펼쳐져나옵니다..
이리저리 해봐도 수정이 안되네요 ㅠ.ㅠ 왜그러는걸까요 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();});
}
});
!-->!-->!-->
답변을 작성하시기 전에 로그인 해주세요.