햄버거메뉴가 왜 안먹힐까요!!!? 고수님들!!! 헬프!!! 미

2021-05-10 (월) 17:03:46 5,992

안녕하세요. 교수님들

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

위 페이지가 작업중인 페이지인데,

햄버거 메뉴를 넣었는데, 메뉴가 깜빡 하고 다시 사라지는 이유를 모르겟습니다!!

toggleClass 를 쓴건데, 문법은 맞는거 같은데, 왜 이러는걸까요? ㅠ

https://lahanhotels.com/jeonju/index.do

=> 여기의 햄버거메뉴를 샘플링해서 만든건데, 구조도 거의 같구요..

미묘하게 꼬인거 같은데, 해매는 중이라.

고수님들의 고견 부탁드려봅니다!!

답변 2개 / 댓글 2개

2021-05-11 (화) 09:43:38

메뉴 말씀하시는건지?

.sub-menu {top.3.5em;}을 -> 3.0정도로 해보세요

답변에 대한 댓글 1개

2021-05-11 (화) 11:05:00
자체해결했습니다. ㅠ

답변 주셔서 감사합니다.~

toggleClass 클릭시 이동이 안되도록 
스크립트에서 클릭 이동을 막아주세요..

예제)

Copy
<a href='javascript:void(0)' id='test' onclick='preventClick(event)'>클릭</a>

function preventClick(e){

  e.preventDefalut();

}

답변에 대한 댓글 1개

2021-05-10 (월) 21:11:55
음..

http://joongbaldemo2.cafe24.com/html/test.html 에서 간소화하고 테스트중인데요.


$(document).ready(function() {
$('.menu').click(function() {
preventDefalut();
$('header').toggleClass('menu-open');
});
});

이 부분을

$(document).ready(function() {
$('.menu').click(function(e) {
e.preventDefalut();
$('header').toggleClass('menu-open');
});
});

이렇게 바꿨는데, 안먹히네요.
문법이 잘못 된걸까요?

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