jquery 및 종속성 스크립트를 비동기 적으로로드하는 방법

Question

jquery를 비동기 적으로로드하는 데 문제가 있습니다. 내가 볼 수 있듯이 다른 라이브러리 파일 작업에 완벽하게 의존하지 않고 비동기로 jquery 스크립트와 라이브러리 파일을로드하면 작동하지 않고 오류 메시지가 throw됩니다.

아래 스크립트가 머리 속에 있습니다. 태그

<script async src="../js/jquery/jquery-1.10.1.min.js"> </script> 
<script async src="../js/vendor/modernizr-2.8.2.min.js"></script> 
<script async src="../js/asynchronous-resources/2014-06-03-asynchronous-resources.js"> </script> 

아래 main.js는 body 태그의 닫기 바로 위에있는 바닥 글에 있습니다.

<script async src="../js/main.js"></script> 

위의 스크립트에서 오류가 발생했습니다. jquery와 의존성을 비동기 적으로로드하는 방법.

도움이 될 것입니다.

미리 감사드립니다.

Answer 1

당신이 당신의 HTML에 규정 된 다음 연기는 당신이 필요로하는 무엇을 동일한 순서로 스크립트를 실행하려면 옵션의 몇 당신이

을 시도 할 수있다.

비동기 및 지연 스크립트는 파서를 일시 중지하지 않고 즉시 다운로드하기 시작합니다. async와 defer의 차이점은 스크립트가 실행될 때를 중심으로합니다.

비동기 스크립트는 다운로드가 완료되고 창로드 이벤트 전에 첫 번째 기회에 실행됩니다.

지연 스크립트는 페이지에서 발생한 순서대로 실행되도록 보장됩니다. 실행은 구문 분석이 완전히 끝난 후 문서의 DOMContentLoaded 이벤트가 시작되기 전에 시작됩니다. 이미 모더 나이저를 사용하고 있기 때문에

, 아마도 당신이 Modernizr.load

시도 할 수 있습니다 또는 require.js