Comment lier des fichiers jQuery / Javascript externes avec WordPress

Question

Comment lier des fichiers jQuery / Javascript externes avec WordPress

- 15
- 21082 2010-08-17
J'utilise donc Starkerspourbasermonprochainthème WPet j'ai rencontré unpetit problème,j'incluaismapropre version dejQuery dans lefichier header.php mais lors de l'inspectionmon site utilisant Firebug J'ai remarqué quejquery étaittéléchargé deuxfois,j'ai creusé unpeuet j'ai remarqué quenon seulementj'incluais lefichier,mais aussi lafonction wp_head () .

Enessayant de résoudre leproblème,j'ai remarqué un commentaire dans lefichier d'en-tête,dont l'origineprovenait duthème Twenty Ten:

/* Toujours avoir wp_head ()juste avant lafermeture & lt;/head > *tag de votrethème,ou vous casserez denombreuxplugins,qui * utilisezgénéralement ce crochetpour ajouter des éléments à & lt; head >,tels * comme styles,scriptset balisesmeta */

Voici doncmonproblème,j'ai l'impression que lefichierjQuery doit être défini avanttout autrefichier qui veut l'utiliseret que wp_head () devrait être la dernière chose dans le < code> & lt; head > élément,je suis unpeu confusmaintenant carje me demande sije doismettre wp_head () en hautpour que lefichierjQueryinclus dans WP soit utilisépourtousmesplugins,même s'il dit dene pas lefaire.

J'ai commenté la lignejQuery dans lafonction wp_head () maiselleest requisepour lapage d'administration,j'ai donc dû la remettre.

J'aimerais également utiliser (aumoinsexpérimenter) la version Google CDN dejQuery,maisje ne veuxpas l'inclure deuxfois!

J'espère que vous comprenez ce quej'essaie d'expliquer,toute suggestion sur lafaçon dontje peux résoudre ceproblème seraittrès appréciée. J'apprécierais égalementtout conseil sur lafaçon dont vousgérez vosfichiers JavaScript avec lefichier d'en-tête.

Merci!
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

- Cela devrait être renomméen quelque chose comme "Comment lier desfichiersjQuery/Javascriptexternes avec WordPress."
  
  This should be retitled to something like "How to Link External jQuery/Javascript files with WordPress."
  - 0
  - 2010-08-17
  - MikeSchinkel
- Je suis d'accord,je ne savaispas comment l'appeler carje n'étaispastropfamilier avec leproblème quej'avais :-)
  
  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 réponses

votes

Annika Backstrom · Accepted Answer · 2010-08-17

9

2010-08-17

D'après le libellé de votre question,vous devez ajouter des scriptsen écrivant desbalises <script> dans votremodèle.Ajoutez vospropres scripts via wp_enqueue_script() dans functions.php,définissant correctement les dépendances surjQuery,et wp_head() ajoutera les scriptspour vous.

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

Consultez la page du codex pourplus d'informations.

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.

Vous avez raison depenser quej'ajoute des scriptsen utilisant labalise «