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

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

홈피공장장 4년 전 조회 5,726

안녕하세요. 교수님들

 

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

 

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

 

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

 

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

 

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

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

 

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

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

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

답변 2개

메뉴 말씀하시는건지?

 

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

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

답변에 대한 댓글 1개

홈피공장장
4년 전
자체해결했습니다. ㅠ

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

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

웹솔드
4년 전

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

예제)

</p>

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

<p>function preventClick(e){</p>

<p>  e.preventDefalut();</p>

<p>}</p>

<p>

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

답변에 대한 댓글 1개

홈피공장장
4년 전
음..

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');
});
});

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

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

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

로그인