jsp 파일에 kendo UI를 적용하는 중에 다음과 같은 오류가 발견했다.
1. jQuery Script 추가
1차적으로, webapp에 jQuery js 파일을 넣은 후, 경로 설정을 했다.
(1)파일 추가
경로: webapp/resources/js/jquery-2.1.4.min.js
(2)script 추가
<script type="text/javascript" src="resources/js/jquery-2.1.4.min.js"></script>
2. 주의사항
(1)jQuery와 javaScript를 동시에 사용하는 경우, jQuery를 먼저 import 해야 한다.
1 번 조치 후에도, 동일한 에러가 발생했다.
구글링 결과, jQuery를 먼저 import 해야 함을 알았고 코드를 다음과 같이 수정했다.
위 코드로 수정하니, jsp가 정상 작동했다.
(2)<script /> 축약 사용 불가
<script type="text/javascript" src="resources/js/jquery-2.1.4.min.js" />
이처럼 태그 축약 사용 시, 정상 작동하지 않을 경우가 있다.
따라서,
<script type="text/javascript" src="resources/js/jquery-2.1.4.min.js"></script>
이처럼 코드를 작성하는 것이 좋다.
'IT | 개발 > jquery' 카테고리의 다른 글
[JavaScript | jQuery] input 태그 소문자 or 대문자로 자동 변환하기 (0) | 2021.03.08 |
---|---|
[jquery] attr(), prop() 차이점 - 표로 정리한 간단 비교 및 예시 (2) | 2019.11.28 |