이전 목록 다음
채택완료

제가 질문을 애매하게 한거 같아서, 다시 질문합니다.

홈피공장장
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-10 (월) 21:35:01 2,623

저 아래 질문을 햇는데, 질문을 너무 애매하게 해서.. 다시 정리해서 올립니다.

http://joongbaldemo2.cafe24.com/html/test.html

작업 url 이구요

문제와 제가 하고자하는 걸 아래 이미지로 표현해봤습니다.

988179499_1620649973.3829.png

글자로 돼있는 Menu Click 부분은 하도 안돼서, 외부로 빼본건데. 먹히는거구요

1) 부분이 토글되면서 먹히면 좋겠습니다. ㅠㅠ. 왜 안되는 걸까요?

햄버거메뉴 자바스크립트
|

답변 3개 / 댓글 3개

채택된 답변
+20 포인트
루2
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-10 (월) 22:32:39

$(".menu").click(function(e){

 e.preventDefault() // 이걸 하신 이유가 있으실까요? 

 menu를 눌렀을때 깜빡이는건 a태그를 사용하셔서 그렇습니다 

menu에 e.preventDefault를 넣으셔서 안먹히겠다 생각하셨겠지만 이미 콘솔에오타로 뜹니다

$("header").addClass("menu-open") 이걸로 바꿔보세요 ~

답변에 대한 댓글 2개

홈피공장장
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-10 (월) 23:02:24
e.preventDefault() 는 하다하다 안돼서, 넣어본거구요. ㅠ

$("header").addClass("menu-open")로 해도 마찬가지로 안됩니다. ;;

이게 예제가..

http://joongbaldemo2.cafe24.com/html/index2.html

이거거든요.

이걸 벤치해서 메뉴를 만든거라. toggleClass 로 한건데.. 이상하게 안먹히네요.
루2
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-10 (월) 23:51:28
그럼 아예 바꾸시는 건 어떨까요?
$(".menu").click(function(){
$(".menu-full").css({display:"block"})
}) // 이렇게여
이후에 close버튼에 display:"none"을 해주시면 되여
이게 싫다 하면 block/none이 있는 class를 만든 후 addclass/removeclass를 해주셔도되여
병병원에서일해요
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-11 (화) 10:18:04

자체해결하신거 보고 그냥 첨언하자면

링크가 아닌 버튼은 a태그보단 button태그 쓰는걸 권장합니다(웹표준+웹접근성)

답변에 대한 댓글 1개

홈피공장장
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-11 (화) 11:03:14
네. 그래야겠어요.ㅠ .
홈피공장장
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-11 (화) 09:15:18

고민끝에, 해결은 됐는데..

자문자답합니다.

결론은 스크립트는 정상.

a href="" 를 a href="javascript:;" 나 a href="#" 로 링크를 채워주는 걸로 해결했습니다.

허무.. ㅠ

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