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

모바일 메뉴 제목을 클릭하면 2차 메뉴를 나오게 하고 싶습니다. 채택완료

월하의검사 6년 전 조회 3,394

모바일 메뉴에서 ">" 버튼을 누르면 하위분류가 열리고 있습니다.

꼭 > 버튼이 아니더라도 그룹메뉴 제목을 클릭하면 2차 메뉴가 열리게 하고 싶은데 어느 부분을 수정해야될까요?

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

답변 1개

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

해당 모바일 메뉴가 있는 head.php 파일을 여신후

 

1. 해당 그룹메뉴 제목에 링크를 제거합니다.

</p>

<p> <a href="#" class="gnb_1da"><?php echo $row['me_name'] ?></a></p>

<p>

 

2. 해당  그룹메뉴 제목을 클릭하면 해당 링크에 잡혀있는 클래스(gnb_1da) 다음의 > 버튼의 클래스(btn_gnb_op)을 클릭하는 스크립트 구문을 추가합니다.

</p>

<p>$(".gnb_1da").click(function(){

  $(this).next(".btn_gnb_op").click();

});</p>

<p>

 

 

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

답변에 대한 댓글 1개

월하의검사
6년 전
감사합니다. 좀 헤매다가 팁을 주셔서 수정을 했습니다.
위의 님께서 주신 팁을 주신 것만으로도 잘 모르시는 분들을 위해서 조금 더 설명 드리자면

링크 부분을
<!-- <a href="<?php //echo $row['me_link']; ?>" target="_<?php //echo $row['me_target']; ?>" class="gnb_1da"> --><a class="gnb_1da"><?php echo $row['me_name'] ?></a>
이런 식으로 처리했고

하단 <script> 있는 부분에
$(".gnb_1da").click(function(){
$(this).next(".btn_gnb_op").click();
});
소스를 중간에 삽입하여서 해결했습니다.

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

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

로그인