2011-09-21 98 views
19

我有一個JavaScript文件,我想在此js文件中包含jquery。你有什麼建議嗎?如何將jquery包含在另一個javascript文件中

+1

爲什麼你需要這樣做? –

+3

這怎麼樣http://stackoverflow.com/questions/5577771/how-to-include-jquery-js-in-another-js-file – ayush

+2

因爲,我想在我的JavaScript文件中使用jQuery庫。你知道另一種方式嗎? – cagin

回答

19

簡單地包括JavaScript的jQuery的您包括您自己的JavaScript前:

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

雖然其他人建議簡單地複製和粘貼的jQuery到您自己的JavaScript文件,這真是最好包括jQuery的與規範源分開,因爲這將允許您利用瀏覽器和中間服務器爲該文件所做的緩存。

+0

可悲的是,這不適用於我,使用鏈[主網頁 - >包括[work_app.php - >包括jQuery.js + another.js]] jQuery永遠不會在時間加載是的,我的腳本包含在jquery include下面。 – RozzA

+0

@AliRashidi,怎麼樣? –

+0

如果加載jquery花費太長時間,jquery加載之前script.js的代碼不會執行嗎? –

5

只需合併文件即可。

cat jquery.js >> a_javascript_file.js 

或者,因爲你可能想的jQuery第一:

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

現在,這只是意味着。 :) – bzlm

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

我建議你在你的java腳本庫中使用一行代碼。

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

藉助於此,您不需要在頁面上添加兩個文件的引用。

相關問題