• 카테고리

    질문 & 답변
  • 세부 분야

    자격증 (디자인)

  • 해결 여부

    미해결

제이쿼리 링크

20.08.18 16:20 작성 조회수 148

0

강사님 안녕하세요!
늘 항상 좋은 자료로 강의해주시니 감사할 따름입니다.

제이쿼리가 정상적으로 링크가 되지 않아서 여쭈어 봅니다.
자바스크립트에 어떠한 코드를 입력해도 $ is not defined 오류를 보여줍니다. 또한 작성된 코드도 정상적으로 작동하지 않습니다.

답변 1

답변을 작성해보세요.

0

안녕하세요. 코딩웍스입니다.

html 부분은 1가지 빼고는 문제가 없습니다.
1가지는 <box>box</box>로 하셨는데 box라는 태그는 없습니다.
<div class="box">box</div>
이렇게 고쳐주세요.

그리고 css 구문에서 box {....} 하셨는데 box는 클래스명이기 때문에 점(.)을 넣어서 이렇게 하셔야 합니다.
.box {....}

그리고  custom.js에 선택자 2개에 모두 . 을 빼셨어요.
$('show-btn')   →   $('.show-btn')
$('box')   →   $('.box')

선택자는 클래스명이기 때문에 반드시 점(.)으로 시작하셔야 합니다.

그리고 html 코드에서 class  =  "show-btn" 이렇게 하셨는데 class="show-btn" 이렇게 띄어쓰기 없이 사용하시길 바랍니다.