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

토글 버튼 안나오는 이유 + 메뉴 위치 오류 채택완료

길가던분 5년 전 조회 4,125

https://html5up.net/editorial">https://html5up.net/editorial

이 템플릿을 가지고 그누보드에 적용을 해보고 있습니다.

깨지는건 해결은 했는대 템플릿안에 main.js파일에 있는 토글버튼이 나오질 않으며 

메뉴가 숨겨져있다가 토글 버튼을 누르면 나와야하는대 main div밑에 그대로 나타납니다.

http://ww9603.dothome.co.kr/">http://ww9603.dothome.co.kr/


분명 main.js에 토글 버튼 소스도 있는데 나오질 않습니다.

템플릿에 있는 소스를 그대로 복붙했는데 js 에러도 있고..

뭐가 문제일까요?

 

main.js:14 Uncaught ReferenceError: breakpoints is not defined
    at main.js:14
    at main.js:262

</p>

<p>// Toggle.

            $('<a href="#sidebar" class="toggle">Toggle</a>')

                .appendTo($sidebar)

                .on('click', function(event) {</p>

<p>                    // Prevent default.

                        event.preventDefault();

                        event.stopPropagation();</p>

<p>                    // Toggle.

                        $sidebar.toggleClass('inactive');</p>

<p>                });</p>

<p>

 

원래대로라면 저 토글 버튼을 누르면

 

 

 

아래처럼 메뉴가 나와야 정상입니다.

 

소스는 여기 있습니다.

https://www.mediafire.com/#j40toi0nf7b3s">http://www.mediafire.com/folder/j40toi0nf7b3s/theme

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

답변 1개

무슨 문젠진 잘 모르겠으나 걍 코드 필요 없어 보이는거 싹 날리고 처음부터 하니까 버튼 나오네요

동작두 갑자기 잘되버리구 허허..

이제 화면을 크게 했을때 토글버튼이 내려가버리는 저 현상만 잡으면 될것 같습니다. 

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

답변에 대한 댓글 1개

애드프로
5년 전
보통 미디어쿼리 문제는 거의 99% 가 클래스 중복으로 인한 css 충돌로 일어나는 문제입니다.

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

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

로그인