채택완료

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

2019-05-25 (토) 01:42:58 3,676

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

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

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

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

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

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

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

Copy
$(".gnb_1da").click(function(){
  $(this).next(".btn_gnb_op").click();
});

답변에 대한 댓글 1개

2019-05-26 (일) 00:05:27
감사합니다. 좀 헤매다가 팁을 주셔서 수정을 했습니다.
위의 님께서 주신 팁을 주신 것만으로도 잘 모르시는 분들을 위해서 조금 더 설명 드리자면

링크 부분을
<!-- <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();
});
소스를 중간에 삽입하여서 해결했습니다.

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