[jQuery] [HTML] 에!?읽기 순서 같은 거?

오늘은 처음으로 jQuery를 쓴 사람의 기사입니다.
용서해 주세요.

거치다


최근 웹 응용 프로그램 구축에 푹 빠져 JSON으로만 돌아가는 재미없는 API 제작도 하지 않고 인터페이스도 만들고 싶어서 HTML+CSS를 열심히 공부하고 있습니다.
아니오, 업무에서 사용하는 것이 아니라 흥미 때문입니다.
Node.js는 사용하는 사람이기 때문에 기본적으로 Javascript를 알고 있지만 오늘부터 모두가 가장 좋아하는 jQuery를 사용하기 시작합니다.
그리고 갑자기 세 줄밖에 없는javascript 코드에 빠졌어요. 응, 그건 이미 성대해요.

문제 코드


지금까지 검증은 모두 PHP로 오류를 되돌려 주었지만, 화면 방면에서 실시간으로 하고 싶은 일을 할 수 있다면 자바스크립트 씨가 켜기 자체 검사 전 검사를 맡아 주십시오.
간단해 보여요.
예제 코드
jQuery(function ($) {
    $("#form").validationEngine();
});
TypeError: $(...).validationEngine is not a function

문제는 HTML입니다.


함수가 없다는 말에 나는 많은 것을 시험해 보았다.jQuery(function ($) { 부분의 표기가 많은 것 같아서 모두 시도해 보세요. jQuery-Validation-Engine 부분을 다른 플러그인으로 바꿔보세요.
결과는 전패였다.
함수가 존재하지 않아서 발생한 모든 오류입니다.
따라서 HTML 로드 문제가 있는지 의심됩니다.
before
<link href="css/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.validationEngine.js"></script>
<script type="text/javascript" src="js/jquery.validationEngine-ja.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
패스에 문제가 있나요?
after
<link href="./css/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/jquery.validationEngine.js"></script>
<script type="text/javascript" src="./js/jquery.validationEngine-ja.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
변화가 없다
그때 구글 선생님이 비슷한 환자를 찾아주셨어요.
jQuery-Validation-Engine(링크 끊기)
jQuery의 플러그인 쿠키입니다.하면, 만약, 만약...
$.cookie is not a function
의 오류.
왜???
제가 알아봤어요.
$.cookie(name);
에서 설명한 대로 해당 매개변수의 값을 수정합니다.
cookie.js의 기본 중의 기본적인 곳이다.
인터넷을 찾아봐도 이유는 잘 모르겠어요.
결과적으로 반복적인 실험을 거쳐 마침내 도착한 해결 방법은
HTML 레이블에 있는 쿠키입니다.js의 읽기 위치 변경.
오류가 발생하면:<script type="text/javascript" src="/js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/jquery-ui/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui/jquery-ui-1.8.14.custom.min.js"></script>
오류가 없는 경우:<script type="text/javascript" src="/js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="/js/jquery-ui/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
오류가 발생한 것은 쿠키입니다.두 번째 js를 읽는 중이면
즉, 쿠키.js의 읽기 위치는
"다른 jQuery 관련 파일보다 늦어야 합니다."
그런 것 같습니다.
해결될 줄 몰랐어.
설마
그렇습니까?
after의 after
<link href="./css/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="./js/jquery.validationEngine.js"></script>
<script type="text/javascript" src="./js/jquery.validationEngine-ja.js"></script>
Error「」
아... 순서가 있네요.
우선, jQuery 파일을 불러오지 않으면 아무도 사용할 수 없습니다
네?
너무 기본적이야. 아무도 안 가르쳐줄 거야?
초보자는 그런 데서 곤란해!!(역길레)
나중에 누구한테 가르쳐줄까 jQuery 때 여기서 가르쳐줄게!!(선언)

총결산


jQuery 파일 위로!
플러그인 같이 아래로!!
(script 파일을 읽을 때 변수, 함수 등 정의 우선권을 고려하여 읽으십시오.)

마지막


중요한 일이니까 다시 말해봐.
오늘은 처음으로 jQuery를 쓴 사람의 기사입니다.

추적 (2016/11/14)


링크 주소가 사라져서 본문을 찾아 추서했습니다.
 
 
 

좋은 웹페이지 즐겨찾기