Search
Duplicate

.js에 작성한 jQuery코드를 실행시키는 법

Created time
2023/05/23 09:20
Last edited time
2023/07/11 03:29
Status
Done
tag

들어가기에 앞서

참고한 자료를 바탕으로 비전문가가 정리한 글이므로 오류가 있을 수 있습니다.
오류에 대한 지적 사항은 언제든지 환영합니다. 부디 댓글로 알려주시길 바랍니다. 감사합니다.

jQuery 불러오기

결론부터 말하면 <head> 태그에 넣는게 아니라, </html>태그 보다 밑에 작성한 js코드를 불러와야 한다.
<!-- 잘못 작성된 코드--> <head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script> <!-- 마이크로소프트 jQuery--> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="http://localhost:9000/uniquegames/js/detail.js"></script> </head>
HTML
복사
위와 같이<head> 태그에 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>처럼 CDN방식으로 jQuery라이브러리를 불러오고,
<script src="http://localhost:9000/uniquegames/js/detail.js"></script>처럼 본인이 작성한 js코드를 불러오면 작성한 코드의 jQuery가 실행이 안 된다. 반드시 최하단에
이런 식으로 작성해야 한다.

참고