custom.js 만들기 중 오류 문의입니다.
/*모달 동작*/
1번) $('.open-modal').click(function(){
$('.modal').show()
})
2번) $('.close-modal').click(function(){
$('.modal').hide()
})
모달 만들기에서 1번 과정을 적은후 복사해서 2번으로 수정할 때 실수로
$('.open-modal').click(function(){
$('.modal').show()
})$('.close-modal').click(function(){
$('.modal').hide()
})
이렇게 윗줄로 올려서 복사했더니 모달js 뿐 아니라 네비게이션이랑 탭메뉴 잘 실행되다가 같이 안되어 버리는 문제가 발생했습니다. 윗줄로 올린거 뿐인데 왜 이런 문제가 발생하나요? 오류는 찾아서 고쳐서 잘 실행되는데 왜 그런지 이유가 궁금합니다.
답변 1
1
$('.open-modal').click(function(){
$('.modal').show()
})$('.close-modal').click(function(){
$('.modal').hide()
})
위에 적으신 부분 중에 빨강색 줄을 보시면 제이쿼리와 자바스크립트는 구문이 끝나면 줄바뀜이 일어나야 합니다. 곧, {)에서 오픈 모달의 구문이 끝났는데 줄바뀜 없이 다른 구문이 와서 오류가 난 것입니다.
제이쿼리와 자바스크립트는 html과 css와 달리 줄이 바뀌면 해당 구문이 끝난 것으로 인식합니다.
예를들어 html 작성하실 때... 이렇게 하실 일은 없지만...
<h1>공지사항입니다.
</h1>
위처럼 해도 무방합니다.
css의 경우도
body {
color:
red;
}
위처럼 해도 무방합니다.
하지만 제이쿼리와 자바스크립트에서는 엔터가 무척 중요합니다.
해당 강의 PDF는 어디에 있나요?
1
76
2
2026 웹디자인개발기능사 실기 보는데 필요한 텍스트에디터는 무엇인가요?
1
116
2
예제파일
1
69
1
섹션10-77번강의 내 와이어프레임 pdf 자료 다운로드 어디서 하나요?
1
103
2
보더를 사용해 와이어프레임만드는 강의 html+css소스 다운로드 받을 수 있나요?
1
69
1
시험 시 슬라이드 작성 관련 문의
0
73
1
강의 질문 있습니다
1
73
1
시험 관련 문의
1
65
1
파워포인트 자료 다운로드 버튼 어디에 있나요?
1
59
1
브라우저 화면 줄일 시 빈 공간 발생
0
68
1
서브메뉴가 유지되지 못하고 사라지는데 무엇이 문제 일까요?
1
84
1
슬라이드 및 완성본 관련 사항
1
74
2
D유형 레이아웃 연습중인데 슬라이드 이미지 크기가 변하지 않습니다
1
95
3
B-4연습중인데 네비게이션의 a태그 두께가 이상하고 슬라이드 다운시 문제가 있습니다.
1
54
2
A2 연습중인데 메뉴 배경색과 서브메뉴 크기, 갤러리 그림 정리에 문제가 있습니다
1
73
2
A1 레이아웃 연습중인데 overflow: hidden이나 box-sizing: border-box;가 적용되지 않는 것 같습니다
1
62
2
레이어 팝업 '닫기' 가 안됩니다
1
69
1
공지사항과 갤러리 탭(안)구성 중 마우스 클릭시 색상변경이 안됩니다.
1
91
2
뷰티파이 설치 관련 문의
1
82
3
웹디자인 기능사 웹디자인개발기능사로 개편 되었는데 이 수업만 들어도 가능?
1
99
2
A유형~C유형 수험자 제공파일 어디서
1
83
1
A1 작업하는데 와이어프레임이 무너지고, hover일부가 적용 안되고 메뉴바가 슬라이드를 밀어냅니다. 탭메뉴도 작동하지 않습니다..
0
123
4
footer 높이 값
1
52
2
div 상하분배?가 안돼요
0
75
2