인프런 커뮤니티 질문&답변
작성한 질문수
custom.js 만들기 중 오류 문의입니다.
해결된 질문
작성
·
228
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
1
$('.open-modal').click(function(){
$('.modal').show()
})$('.close-modal').click(function(){
$('.modal').hide()
})
위에 적으신 부분 중에 빨강색 줄을 보시면 제이쿼리와 자바스크립트는 구문이 끝나면 줄바뀜이 일어나야 합니다. 곧, {)에서 오픈 모달의 구문이 끝났는데 줄바뀜 없이 다른 구문이 와서 오류가 난 것입니다.
제이쿼리와 자바스크립트는 html과 css와 달리 줄이 바뀌면 해당 구문이 끝난 것으로 인식합니다.
예를들어 html 작성하실 때... 이렇게 하실 일은 없지만...
<h1>공지사항입니다.
</h1>
위처럼 해도 무방합니다.
css의 경우도
body {
color:
red;
}
위처럼 해도 무방합니다.
하지만 제이쿼리와 자바스크립트에서는 엔터가 무척 중요합니다.
네 알겠습니다. 감사합니다~~