jquery/.js 스크립트의 순서

Question

.js 스크립트를 렌더링하는 순서 때문에 응용 프로그램에 문제가 있습니다. 예를 들어 http://jsfiddle.net/qCAW3/1에서 js 스크립트가로드되는 순서를 변경하기 전까지 항목을 드래그 할 수 없습니다.

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

누가이 문제의 원인을 밝힐 수 있습니까? 드래그 가능한 항목을 얻기 위해 순서를 변경하면 내 응용 프로그램의 다른 자바 스크립트 부분이 작동하지 않습니다.

Answer 1

일부 코드는 다른 코드에 따라 달라집니다. 그리고 웹 페이지에서 JavaScript 파일은 선언 된 순서대로 실행됩니다. 의존성에서 중요한 것은 무엇입니까!

// person.js 
var Person = function(name) { 
    this.name = name; 
}; 

Person.prototype.greet = function() { 
    alert("Hi, " + name); 
} 

그리고 다른 파일 : 우리가로드하면 roster.js 먼저, 그것은 폭발

// roster.js 
var roster = [ 
    new Person("Alex"), 
    new Person("Eddy") 
]; 

for (var i = 0; i < roster.length; i++) { 
    roster[i].greet(); 
} 

는 다음과 같이 두 .js 파일을 가지고 있다고 할 수 있습니다. Person 생성자는 아직 사용할 수 없으므로 어쨌든 호출하면 예외가 발생합니다.

person.js을로드 한 다음 roster.js을로드하면 로스터 코드가 실행될 때 Person을 사용할 수 있습니다.

---

정확하게 같은 이유로 jQuery를 사용하는 코드보다 먼저 jQuery를로드해야합니다.

Answer 2

일반적으로 하나의 파일이 다른 파일에 종속되어있는 경우에는 나중에로드해야합니다. 그것은 매우 일반적인 의미입니다. 문제는로드 순서 및 타이밍을 중심으로하므로 here을 제안하는 것이 좋습니다. 기본적으로로드가 끝나면 모든 파일이 의존하기 전에는 아무 것도 실행하지 않도록하십시오.