처음에만 서브메뉴가 펼쳐져 나와요 채택완료
초코밥
9년 전
조회 5,378
메뉴가 처음에만 서브메뉴가 그대로 나와있어요 ㅠ.ㅠ
메뉴에 갖다대면 다시 정상적으로 잘되는데 새로고침 하면 서브메뉴가 그대로 펼쳐져나옵니다..
이리저리 해봐도 수정이 안되네요 ㅠ.ㅠ 왜그러는걸까요 display:none; 으로 숨겨봤는데 메뉴 작동은 안되고;
head.php 파일에 메뉴 소스가
</p><p> <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 값 설정용</p><p> 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></p><p> </li>
<?php
}</p><p> if ($i == 0) { ?>
<li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?>
<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);</p><p> 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>
<!-- //서브 메뉴 --></p><p>
메뉴쪽 css입니다.
</p><p>.category_submenu_box2{width:100%;background:#25201b;position:absolute;}</p><p>.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;}</p><p>.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;}</p><p>
메뉴 js입니다
</p><p>$(document).ready(function(){
/* 하단으로 펼쳐지는 메뉴 */
$(".gnb_1dli").mouseover(function(){</p><p> $(".category_submenu_box li").each(function(i){
$(this).data("index", i);
});
$("#gnb_1dul li").each(function(i){
$(this).data("index", i);
});</p><p> $(".category_submenu_box").show();
$(".category_submenu_box").stop().animate({"height":"250px"},500);
});</p><p> $(".category_submenu_box").mouseleave(function(){
SubCategoryOut();</p><p> });</p><p> $(".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 ");
}
});
});</p><p> $("#gnb").mouseleave(function(){
//SubCategoryOut();
});</p><p> function SubCategoryOut(){
$(".gnb_1dli").removeClass("gnb_1dli_over gnb_1dli_over2 gnb_1dli_on");</p><p> $(".category_submenu_box").stop().animate({"height":"0px"},500,null,function(){$(".category_submenu_box").hide();});
}
});</p><p> </p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인