테스트 사이트 - 개발 중인 베타 버전입니다

마우스 오버시 div 레이어 보이게 하는 거 좀 봐 주세요. 채택완료

눈프리시아 7년 전 조회 6,121

제가 인터넷에서 자료를 찾아 소스를 만들어 봤는데... 주 목적인 메인메뉴에 마우스 오버를 하면 서브메뉴(각 메뉴별 상품)가 나오는 소스입니다. 그런데 마우스 오버시 레이어가 안 나타 나네요. 뭐가 잘못 된 것일까요?

 

===============================================================================

 

전체메뉴 설정

      
                                                                                                     
  
 
                
       

===============================================================================

 

hiddenmenudivout 는 제일 바깥 레이어이구요. hiddenmenudiv 메인메뉴 위치부분. menuFirst 메인 메뉴 글자부분이구요. submenu_0 ~ submenu_3 는 서브메뉴(각 카테고리별 상품 나오는 레이어) 위치 입니다. 왜 안될까요? ㅠㅠ

 

혼자 안되어 도움을 청해 봅니다.

 

읽어주셔서 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
7년 전

해당 내용을 다음 처럼 바꿔보세요.

</p>

<p><script type="text/javascript">

$(function() {

 $("#hiddenmenudiv div").not("div:first").each(function(index,item) {

  $(item).mouseover(function() {

   $("#submenu_" + index).css("display", "block");

  });

  $(item).mouseout(function() {

   $("#submenu_" + index).css("display", "none");

  });

 });

});

</script></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

눈프리시아
7년 전
ㅠㅠ 너무 감사드려요~ 개념이 없으니깐 헤매고 있었는데... 너무 감사드립니다. 겨울 날씨에 건강 조심하세요.
눈프리시아
7년 전
죄송하지만 설명 좀 부탁 드려도 될까요? 안하셔도 됩니다. ^.^

댓글을 작성하려면 로그인이 필요합니다.

7년 전

each 로 이벤트를 주지 마시고, class로 이벤트를 주시면 더 편할것같은데요.

data 에 인덱스 값 넣어서 data별 맞는 div 찾아서 띄워주시면 될것같아요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인