잡히지 않은 ReferenceError : $이 정의되지 않았습니다.

저는 LESS.js, Jquery, Respond.js 및 Freetile.js를 사용하고 있습니다.

Head.JS를 사용하여 모두로드합니다 (나를위한 첫 번째).

누군가이 오류가 발생하는 이유를 확인할 수 있습니까? Chrome 개발자 도구를 사용하여 보았는데 모든 스크립트가 제대로로드 된 것 같습니다 (일반적으로 Jquery가로드되지 않거나 사용 후 Jquery가로드되는 오류 임).

저는이 벽에 머리를 대고있어 정말 도움이 될 것입니다. ----

출처

2012-10-25 user974703

$ ("# container")를 넣으려고 했습니까? freetile(); 문서 준비가 되셨나요? –

문서 준비가 작동하지 않았습니다. – user974703

jQuery를 한 후 액세스 $가로드 :

// use jQuery on the body of the page even though it is not included yet 
head.ready(function() { 
    $('#container').freetile(); 
}); 

// load jQuery whenever you wish bottom of the page 
head.js("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js", 
    "assets/js/less.js", 
    "assets/js/respond.min.js", 
    "assets/js/jquery.freetile.min.js");

head.js(
    "http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js", 
    "assets/js/less.js", 
    "assets/js/respond.min.js", 
    "assets/js/jquery.freetile.min.js", function() { 
    $('#container').freetile(); 
});

실제로 head.js docs이 추천

당신은 내가 여기에 일하고 있어요 데모 사이트를 찾을 수 있습니다

출처

2012-10-25 14:12:06 Esailija

이것은 그것을했다, 고마워! head.js를 사용할 때 이러한 대괄호 안에 모든 호출을 넣어야합니까? – user974703

@ user974703 head.js에서 제공하는 이벤트 핸들러는 스크립트가로드되었는지 확인할 수있는 유일한 장소이므로 예입니다. – Esailija

참고로 ... head.js와 같은 스크립트는 DOM에 스크립트 요소를 추가하여 작동하므로 DOM을 스크립트에 추가 할 때까지는 할 수 없습니다 (읽기 : jQuery의'ready' 불). 그 시점까지 스크립트 요소는 아직로드되지 않았을 것이며 DOM이 준비되기 전에 본문의 스크립트는 기본적으로 파싱 될 때 실행됩니다. – cHao

잡히지 않은 ReferenceError : $이 정의되지 않았습니다.

답변

관련 문제