[jQuery] [HTML] 에!?읽기 순서 같은 거?
6897 단어 HTMLjQueryJavaScript초보자
용서해 주세요.
거치다
최근 웹 응용 프로그램 구축에 푹 빠져 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)
링크 주소가 사라져서 본문을 찾아 추서했습니다.
Reference
이 문제에 관하여([jQuery] [HTML] 에!?읽기 순서 같은 거?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/okkn/items/18c3f617c6fc34cdb6a2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)