-
질문 & 답변
카테고리
-
세부 분야
자격증 (디자인)
-
해결 여부
해결됨
custom.js 만들기 중 오류 문의입니다.
21.08.19 23:40 작성 조회수 114
1
/*모달 동작*/
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
코딩웍스(Coding Works)
지식공유자2021.08.19
$('.open-modal').click(function(){
$('.modal').show()
})$('.close-modal').click(function(){
$('.modal').hide()
})
위에 적으신 부분 중에 빨강색 줄을 보시면 제이쿼리와 자바스크립트는 구문이 끝나면 줄바뀜이 일어나야 합니다. 곧, {)에서 오픈 모달의 구문이 끝났는데 줄바뀜 없이 다른 구문이 와서 오류가 난 것입니다.
제이쿼리와 자바스크립트는 html과 css와 달리 줄이 바뀌면 해당 구문이 끝난 것으로 인식합니다.
예를들어 html 작성하실 때... 이렇게 하실 일은 없지만...
<h1>공지사항입니다.
</h1>
위처럼 해도 무방합니다.
css의 경우도
body {
color:
red;
}
위처럼 해도 무방합니다.
하지만 제이쿼리와 자바스크립트에서는 엔터가 무척 중요합니다.
답변 1