메인페이지에서 마우스 오버 질문이에요

닌북공주 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2014.06.24 10:24:43 조회 6509 (14.♡.♡.139)

본문

안녕하세요 ㅠㅠ 메인페이지에선 마우스 오버가 잘되는데

서브에선 안되요 ㅠㅠ 왜그럴까요!

소스는 이거에요

$(document).ready(function(){
var getSRC = $(".<?=$category1?>>ul>li:eq(0)>a>img").attr('src');
var GNB = "<?=$category1?>";

//alert("src : " + getSRC);
<?php
if($category1 != "MAIN" ){
?>
  $(".<?=$category1?>>ul").show();
  $(".<?=$category1?>>a>img").attr("src",$(".<?=$category1?>>a>img").attr("src").replace(".png","_on.png")); //depth1
  $(".<?=$category1?>>ul>li:eq(<?=$menu1?>)>a>img").attr("src",$(".<?=$category1?>>ul>li:eq(<?=$menu1?>)>a>img").attr("src").replace(".png","_on.png")); //depth2
  $("#over_menu").prepend("<div class='menu_bar' style='background:url(<?=$g4[path]?>/img/menu/s_menu_bar.png) no-repeat; width:920px; position:absolute; height:20px; top:39px; left:0px;'> </div>");
<?
}else{ echo "$('.menu_bar').remove();\n";}
?>
$("#over_menu > li >a").bind("mouseover focus",function(){
  //1. 전체 서브 메뉴를 가린다.
   $("#over_menu ul").hide();
  //2. 해당 서브메뉴만 내려온다.
   $(this).next().show();
   $("#over_menu").height("34px");

  //3. 버튼색상 비활성화
   $("#over_menu>li>a>img").each(function(){
    //선택 요소들에 각각 접근을 한다.
    $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
   })

  //4. 해당버튼만 활성화
   $myBtn = $(this).children("img");
   $myBtn.attr("src",$myBtn.attr("src").replace(".png","_on.png"));

   $("#over_menu>li>ul>li>a").bind("mouseover focus",function(){
    $("#over_menu>li>ul>li>a>img").each(function(){
     $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
    })

    $depth2Btn = $(this).children("img");
    $depth2Btn.attr("src",$depth2Btn.attr("src").replace(".png","_on.png"));
   })
    $("#over_menu").prepend("<div class='menu_bar' style='background:url(<?=$g4[path]?>/img/menu/s_menu_bar.png) no-repeat; width:920px; position:absolute; height:20px; top:39px; left:0px;'> </div>");

})

//sub page - depth2 over
$("#over_menu>li>ul>li>a").bind("mouseover focus",function(){
  $("#over_menu>li>ul>li>a>img").each(function(){
   $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
  })

  $depth2Btn = $(this).children("img");
  $depth2Btn.attr("src",$depth2Btn.attr("src").replace(".png","_on.png"));
})

$("#over_menu > li").bind("mouseover focus",function(){
  var GNBClass = $(this).attr("class");

//alert("gnb :" + GNBClass);

//메뉴bar 삭제
// if(GNBClass == "menu4" ) $(".menu_bar").remove();
// if(GNBClass == "menu7" ) $(".menu_bar").remove();
});

$("#over_menu").mouseleave(function(){ //마우스가 벗어났을 때
  $("#over_menu ul").hide();
  $("#over_menu").height("34px");
  $(".menu_bar").remove();
  $("#over_menu>li>a>img").each(function(){
   //선택 요소들에 각각 접근을 한다.
   $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
  })

  $("#over_menu>li>ul>li>a>img").each(function(){
   //선택 요소들에 각각 접근을 한다.
   $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
  })

  <?php
  if($category1 != "MAIN"){
  ?>
  $(".<?=$category1?>>ul").show();
  $("#over_menu").prepend("<div class='menu_bar' style='background:url(<?=$g4[path]?>/img/menu/s_menu_bar.png) no-repeat; width:920px; position:absolute; height:20px; top:39px; left:0px;'> </div>");
  $(".<?=$category1?>>a>img").attr("src",$(".<?=$category1?>>a>img").attr("src").replace(".png","_on.png")); //depth1
  $(".<?=$category1?>>ul>li:eq(<?=$menu1?>)>a>img").attr("src",$(".<?=$category1?>>ul>li:eq(<?=$menu1?>)>a>img").attr("src").replace(".png","_on.png")); //position remember
  <?
  }
  ?>
})
});
</script>

#그누보드4 #php

답변 1

관리자 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2014-06-24 13:10:37 14.♡.♡.156

자바스크립트를 호출하는 경로 문제 때문일 가능성이 높습니다.

작업중인 사이트의 주소를 남겨 보시기 바랍니다.

답변을 작성하시기 전에 로그인 해주세요.

전체 18

로그인

메인페이지에서 마우스 오버 질문이에요

QA