JavaScript가 페이지의 다른 스크립트를 차단합니다.

Question

장고 앱 페이지에 포함 된 몇 가지 JavaScript 파일이 있습니다. 그들은 독립적으로 아무 문제없이 작동하지만, 하나의 스크립트는 내가 그것을 포함 할 때마다 나머지가 올바르게 실행되는 것을 차단합니다. 내가 할

오류는 다음과 같습니다

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAcCsb4_1FhEOP4bYPwm10FV_bGhjHBBH0&sensor=true"></script> 
<script src="{% static "scripts/map-canvas.js" %}"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script src="{% static "scripts/buzz.min.js" %}"></script> 
<script type="text/javascript" src="{% static "scripts/syncSound.js" %}"></script> 
<script type="text/javascript" src="{% static "build/js/storyjs-embed.js" %}"></script> 
<script type="text/javascript" src="{% static "scripts/tl.js" %}"></script> 

storyjs-포함 스크립트가 문제가 될 수 :

 

jquery.min.js:19 Uncaught TypeError: Cannot read property 'offsetWidth' 
of null 

main.js:39 body.scrollTop is deprecated in strict mode. Please 
use 'documentElement.scrollTop' if in strict mode and 'body.scrollTop' 
only if in quirks mode. 

jquery.min.js:4 body.scrollLeft is deprecated 
in strict mode. Please use 'documentElement.scrollLeft' if in strict 
mode 

가 여기 내 스크립트 수입의 전부입니다. 오픈 소스 제품인 KnightLab TimelineJS - https://github.com/NUKnightLab/TimelineJS입니다. This은 문제가있는 스크립트에 대한 링크입니다.

제대로 포맷되지 않았습니까? 이 오류의 원인은 무엇입니까?

Answer 1

두 가지 버전의 jquery에 의존하는 스크립트를 가져 왔습니다. 몇 가지 옵션이 있습니다 :

1. 가져온 버전의 jquery가 작동하기 시작할 때까지 이전 버전으로 롤백하십시오.

2. 이전 버전의 jquery가 필요한 스크립트를 사용하여 교체 작업을 찾아 버그가있는 소프트웨어를 제거하십시오.

3. 비추천 자바 스크립트/jquery 메서드를 사용하지 않도록 코드를 재 작성하십시오.

4. 엄격 모드는 무언가가 작동하지 못하도록 막히고 있습니다. 엄격 모드를 제거하십시오.