2011-09-21 6 views
19

자바 스크립트 파일이 있고이 js 파일에 jquery를 포함하고 싶습니다. 너는 제안이 있니?다른 자바 스크립트 파일에 jquery를 포함하는 방법

+1

왜해야합니까? –

+3

어때 이것에 대해 http://stackoverflow.com/questions/5577771/how-to-include-jquery-js-in-another-js-file – ayush

+2

내 자바 스크립트 파일에서 jquery 라이브러리를 사용하고 싶습니다. 다른 방법을 알고 있습니까? – cagin

답변

19

단순히 jQuery를위한 자바 스크립트를 포함

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script src="path/to/your/script.js"></script> 

다른 사람이 자신의 자바 스크립트 파일에 jQuery를 복사 및 붙여 넣기 간단하게 제안했지만, 그것은 jQuery를 포함하는 정말 좋습니다 표준 소스와는 별도로 브라우저 및 중간 서버가 해당 파일에 대해 수행 한 캐싱을 활용할 수 있습니다.

+0

슬프게도 이것은 [main webpage -> include [work_app.php -> include jQuery.js + another.js]]를 사용하여 나를 위해 작동하지 않습니다. jQuery는 제 시간에로드되지 않습니다. 예, 제 스크립트는 jquery include 아래에 포함되어 있습니다. – RozzA

+0

@AliRashidi, 어떻게 그렇게 될까요? –

+0

로딩 jquery가 너무 오래 걸리면 jquery가로드되기 전에 script.js의 코드가 실행되기 시작하지 않습니까? –

5

파일을 병합하기 만하면됩니다.

cat jquery.js >> a_javascript_file.js 

또는, 당신은 아마 처음으로 jQuery를 원하기 때문에 : 당신은 JS 파일로 JS 파일을 포함하려면 ... 자바 스크립트는 같은이없는

cat a_javascript_file.js jquery.js > tmp.js; 
mv tmp.js a_javascript_file.js 
+3

이제 그건 의미입니다. :) – bzlm

3

기능을 포함하지만 당신은 할 수 ajax 요청으로 파일을로드하거나 js로 html에 스크립트 태그를 추가하십시오. 다음 링크를 확인해보십시오. 정말 재미 있습니다. 당신이 당신의 자신의 자바 스크립트를 포함하기 전에

How do I include a JavaScript file in another JavaScript file?

+0

+1에 대한 링크 – kc2001

14
var jq = document.createElement("script"); 

jq.addEventListener("load", proceed); // pass my hoisted function 
jq.src = "//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"; 
document.querySelector("head").appendChild(jq); 

function proceed() { 
    // jQuery load complete, do your magic 


} 
-2

자바 스크립트 라이브러리 내에 코드 줄을 사용하는 것이 좋습니다.

document.write("Script/jquery.min.js'></script>"); 

이렇게하면 페이지에 두 개의 파일에 대한 참조를 추가 할 필요가 없습니다.

관련 문제