2011-09-21 12 views
19

Ho un file javascript e voglio includere jquery in questo file js. Hai un suggerimento?come includere jquery in un altro file javascript

+1

Perché hai bisogno di farlo? –

+3

come su questo http://stackoverflow.com/questions/5577771/how-to-include-jquery-js-in-another-js-file – ayush

+2

Perché, voglio usare la libreria jquery nel mio file javascript. Conosci un altro modo? – cagin

risposta

19

basta includere il codice JavaScript per jQuery prima di inserire il tuo JavaScript:

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

Anche se altri hanno suggerito semplicemente copiando e incollando jQuery nel proprio file JavaScript, è davvero meglio includere jQuery separatamente da una fonte canonica in quanto ciò consentirà di sfruttare la memorizzazione nella cache che il browser e i server intermedi hanno eseguito per quel file.

+0

purtroppo questo non funziona per me, usando la catena '[pagina web principale -> include [work_app.php -> include jQuery.js + another.js]]' jQuery non viene mai caricato in tempo e sì, il mio script è incluso sotto jquery include. – RozzA

+0

@AliRashidi, come mai? –

+0

Cosa succede se il caricamento di jquery richiede troppo tempo, il codice da script.js non verrà avviato prima dell'esecuzione di jquery? –

5

Basta unire i file.

cat jquery.js >> a_javascript_file.js 

Oppure, dal momento che probabilmente si desidera jQuery prima:

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

Ora, è solo cattivo. :) – bzlm

3

Se si desidera includere un file js in un file js ... javascript non ha qualcosa di simile a una funzione di includere, ma si può caricare il file con una richiesta Ajax o aggiungere un tag script all'html con js. Dai un'occhiata al seguente link, una lettura davvero interessante!

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

+0

+1 per il collegamento – 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

Ti suggerisco di utilizzare una riga di codice all'interno della libreria di script java.

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

con l'aiuto di questo, non è necessario aggiungere riferimenti di due file sulla tua pagina.

Problemi correlati