처음에만 서브메뉴가 펼쳐져 나와요 채택완료
메뉴가 처음에만 서브메뉴가 그대로 나와있어요 ㅠ.ㅠ
메뉴에 갖다대면 다시 정상적으로 잘되는데 새로고침 하면 서브메뉴가 그대로 펼쳐져나옵니다..
이리저리 해봐도 수정이 안되네요 ㅠ.ㅠ 왜그러는걸까요 display:none; 으로 숨겨봤는데 메뉴 작동은 안되고;
head.php 파일에 메뉴 소스가
Copy
메인메뉴
메뉴 준비 중입니다.
메뉴쪽 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개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인