Come collegare file jQuery / Javascript esterni con WordPress

Question

Come collegare file jQuery / Javascript esterni con WordPress

- 15
- 21082 2010-08-17
Quindi sto usando Starkersperbasareilmioprossimotema WPe ho riscontrato unpiccoloproblema,stavoincludendo lamia versione dijQuerynelfile header.php ma durante l'ispezioneilmio sito utilizza Firebug Honotato chejquery veniva scaricato due volte,ho scavato unpo 'e honotato chenon solo stavoincludendoilfile,ma anche lafunzione wp_head () .

Neltentativo di risolvereilproblema honotato un commentonelfile diintestazione,il cui origineproveniva daltema Twenty Ten:

/* Avere sempre wp_head () subitoprima della chiusura & lt;/head > *tag deltuotema,ointerromperaimoltiplugin,che *generalmente utilizza questo hookper aggiungereelementi a & lt; head > ;,come * come stili,scripte metatag */

Quindi questo èilmioproblema,ho l'impressione cheilfilejQuery debbaessereimpostatoprima di qualsiasi altrofile che vuole usarloe che wp_head () dovrebbeessere l'ultima cosanel < codice>elemento & lt; head > ,sono unpo 'confuso oraperchémi chiedo se dovreimettere wp_head () in altoin modo cheilfilejQueryinclusoin WP venga usatopertuttii mieiplugin,anche se dice dinonfarlo.

Ho commentato la rigajQuerynellafunzione wp_head () ma ènecessariaper lapagina di amministrazione,quindi ho dovuto rimetterla aposto.

Mipiacerebbe anche usare (almeno sperimentare) utilizzando la versione Google CDN dijQuery,manon voglioincluderla due volte!

Spero chetu capisca cosa sto cercando di spiegare,qualsiasi suggerimento su comeposso risolvere questoproblema sarebbemolto apprezzato. Apprezzerei anche qualsiasi consiglio su comegestirei file JavaScript conilfile diintestazione.

Grazie!
So I'm using Starkers to base my next WP theme on and I've run into a small issue, I was including my own version of jQuery in the header.php file but when inspecting my site using Firebug I noticed jquery was being downloaded twice, I did a bit of digging and noticed that not only was I including the file but so was the wp_head() function.

In trying to fix the problem I noticed a comment in the header file, of which originated came from the Twenty Ten theme:

/* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head>, such * as styles, scripts, and meta tags */

So here's my problem, I am under the impression that the jQuery file has to be set before any other file that wants to use it and that wp_head() should be the last thing in the <head> element, I'm slightly confused now as I'm wondering should I put wp_head() at the top so the WP included jQuery file will be used for all my plugins, even though it says not to do so.

I did comment out the jQuery line in the wp_head() function but it's required for the admin page so I had to put it back.

I'd also like to use (at least experiment) with using the Google CDN version of jQuery, but don't want to include it twice!

I hope you understand what I'm trying to explain, any suggestions on how I can solve this problem would be most appreciated. I'd also appreciate any advice on how you handle your JavaScript files with the header file.

Thanks!
themes customization theme-development jquery wp-head

- Dovrebbeessere rinominatoin qualcosa come "Come collegarefilejQuery/Javascriptesterni con WordPress".
  
  This should be retitled to something like "How to Link External jQuery/Javascript files with WordPress."
  - 0
  - 2010-08-17
  - MikeSchinkel
- Sono d'accordo,nonero sicuro di come chiamarloperchénon avevomoltafamiliarità conilproblema che avevo :-)
  
  I agree, I was unsure what to call it as I wasn't too familiar with the problem I had :-)
  - 0
  - 2010-08-18
  - Ben Everard

3 risposta

voti

Annika Backstrom · Accepted Answer · 2010-08-17

9

2010-08-17

Dallaformulazione dellatua domanda,devi aggiungere script scrivendoi tag <script>neltuomodello.Aggiungii tuoi scripttramite wp_enqueue_script() nel functions.php,impostando opportunamente le dipendenze sujQuerye wp_head() aggiungeràgli scriptperte.

 function my_scripts() {
    wp_enqueue_script( 'my-sweet-script', get_bloginfo('template_directory') . '/script.js', array('jquery') );
}
add_action('template_redirect', 'my_scripts');

Consulta la pagina del codice permaggioriinformazioni.

From the wording of your question, you must be adding scripts by writing <script> tags in your template. Add your own scripts via wp_enqueue_script() in your template's functions.php, appropriately setting dependences on jQuery, and wp_head() will add the scripts for you.

function my_scripts() {
    wp_enqueue_script( 'my-sweet-script', get_bloginfo('template_directory') . '/script.js', array('jquery') );
}
add_action('template_redirect', 'my_scripts');

See the codex page for more info.

Hai ragionenelpensare che sto aggiungendo script usandoiltag "